*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}html,body,#root{width:100%;height:100%;background:#0a0a0c}.reveal-text{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.reveal-text__space{display:inline-block;width:.35em}.reveal-text__letter{position:relative;overflow:hidden;cursor:pointer;font-weight:700;letter-spacing:.04em;line-height:1;display:inline-block}.reveal-text__base{position:absolute;inset:0;color:#fff}.reveal-text__image{display:block;color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:cover;background-repeat:no-repeat}.reveal-text__overlay{position:absolute;inset:0;pointer-events:none}@keyframes earthRotate{0%{background-position:0 0}to{background-position:400px 0}}.earth{border-radius:50%;overflow:hidden;background-size:cover;background-position:left;animation:earthRotate 50s linear infinite;box-shadow:0 0 12px #ffffff26,-2px 0 5px #c3f4ff inset,5px 1px 10px #000 inset,-8px -1px 14px #c3f4ff99 inset,80px 0 18px #0006 inset,50px 0 15px #000000a6 inset;flex-shrink:0}.orb-nav{position:relative;width:520px;height:520px;display:flex;align-items:center;justify-content:center}.orb-nav__center{position:relative;display:flex;align-items:center;justify-content:center;z-index:10}.orb-nav__ping{position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:orb-ping 1s cubic-bezier(0,0,.2,1) infinite}.orb-nav__ping--2{width:140px;height:140px;border-color:#ffffff1a;animation-delay:.5s}.orb-nav__ring{position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none}.orb-nav__node{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity .3s ease}.orb-nav__btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000;border:2px solid rgba(255,255,255,.4);color:#fff;transition:all .3s ease;flex-shrink:0}.orb-nav__btn--active{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 24px #ffffff4d;transform:scale(1.5)}.orb-nav__label{margin-top:14px;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.08em;color:#ffffffb3;transition:all .3s ease;pointer-events:none}.orb-nav__label--active{color:#fff;transform:scale(1.15)}@keyframes orb-ping{75%,to{transform:scale(2);opacity:0}}.home{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0a0a0c}.home__bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.home__bg canvas:last-child{z-index:1}.home__content{position:relative;z-index:2;height:100vh}.home__name{position:absolute;top:28%;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.home__orbital{position:absolute;top:66.67%;left:50%;transform:translate(-50%,-50%)}.ps{position:relative;width:100%;max-width:960px;margin:0 auto;padding:2.5rem 3rem 5rem}.ps__heading{font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;margin:0 0 2.5rem}.ps__preview{pointer-events:none;position:fixed;z-index:200;width:420px;height:270px;border-radius:1rem;overflow:hidden;box-shadow:0 30px 60px #000000a6;background:#ffffff0a;transition:opacity .3s cubic-bezier(.4,0,.2,1),scale .3s cubic-bezier(.4,0,.2,1)}.ps__preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease-out,scale .45s ease-out,filter .45s ease-out}.ps__preview-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,12,.35),transparent)}.ps__list{display:flex;flex-direction:column}.ps__item{display:block;text-decoration:none;color:inherit;position:relative}.ps__item-bg{position:absolute;inset:0;margin:0 -1rem;border-radius:.75rem;background:#ffffff0a;opacity:0;transform:scaleY(.94);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.ps__item-bg--on{opacity:1;transform:scaleY(1)}.ps__item-inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:1.9rem 0;border-top:1px solid rgba(255,255,255,.09)}.ps__item-left{flex:1;min-width:0}.ps__title-row{display:inline-flex;align-items:center;gap:.5rem}.ps__title{font-size:1.55rem;font-weight:500;color:#fff;margin:0;letter-spacing:-.02em}.ps__title-text{position:relative}.ps__underline{position:absolute;left:0;bottom:-3px;height:1px;width:0;background:#fff;transition:width .3s ease}.ps__underline--on{width:100%}.ps__arrow{color:#ffffff59;opacity:0;transform:translate(-6px,6px);transition:opacity .3s ease,transform .3s ease;flex-shrink:0;width:22px;height:22px}.ps__arrow--on{opacity:1;transform:translate(0)}.ps__desc{font-size:1rem;color:#fff6;margin:.45rem 0 0;line-height:1.65;transition:color .3s ease}.ps__desc--on{color:#ffffff9e}.ps__year{font-size:.85rem;font-family:monospace;color:#ffffff4d;white-space:nowrap;padding-top:.4rem;transition:color .3s ease;flex-shrink:0}.ps__year--on{color:#ffffff8c}.ps__end-border{border-top:1px solid rgba(255,255,255,.09)}.subpage{min-height:100vh;background:#0a0a0a;color:#fff;padding:60px 80px;display:flex;flex-direction:column;gap:32px}.subpage__back{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;letter-spacing:.05em;padding:0;text-align:left;width:fit-content;transition:color .2s}.subpage__back:hover{color:#fff}.subpage__title{font-size:clamp(32px,5vw,64px);font-weight:700;letter-spacing:.02em}.subpage__placeholder{color:#fff6;font-size:16px}.projects{padding:40px 40px 0}.projects__back{margin-bottom:0}@property --p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.about{position:fixed;inset:0;overflow:hidden;font-size:max(calc(min(600px,80vh)*.03),10px);background:#05060f;background-image:linear-gradient(0deg,#d8ecf80f,#98c0ef0f)}.about__back{position:absolute;top:2rem;left:2rem;z-index:10;background:none;border:none;color:#ffffff73;cursor:pointer;font-size:14px;letter-spacing:.05em;padding:0;transition:color .2s}.about__back:hover{color:#fff}.about__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;animation:about-load .4s ease-in-out forwards;transition:filter 1s ease-in-out}.about--gold .about__canvas{filter:drop-shadow(2em 4em 0px #d8bd10) drop-shadow(-8em -14em 0px #d8bd10)}.about__spotlights{pointer-events:none;position:absolute;inset:0;transition:filter 1s ease-in-out}.about--gold .about__spotlights{filter:invert(1) brightness(3.5) sepia(1) hue-rotate(5deg)}.about__beam{position:absolute;left:0;right:0;top:0;width:100%;height:100vh;transform-origin:50% 0;opacity:0;background-image:conic-gradient(from 0deg at 50% 0%,transparent 40%,rgba(124,145,182,.02) 44%,rgba(124,145,182,.18) 48%,rgba(124,145,182,.28) 50%,rgba(124,145,182,.18) 52%,rgba(124,145,182,.02) 56%,transparent 60%);filter:blur(15px) opacity(.5)}.about__beam--1{animation:about-load 2s ease-in-out forwards,about-spotlight 17s ease-in-out infinite}.about__beam--2{animation:about-load 2s ease-in-out forwards,about-spotlight 14s ease-in-out infinite reverse}.about__beam--center{background-image:conic-gradient(from 0deg at 50% 0%,transparent 44%,rgba(124,145,182,.03) 47%,rgba(124,145,182,.35) 49.5%,rgba(124,145,182,.45) 50%,rgba(124,145,182,.35) 50.5%,rgba(124,145,182,.03) 53%,transparent 56%);filter:blur(10px) opacity(.6);animation:about-load 2s ease-in-out forwards,about-spotlight-center 24s ease-in-out infinite}.about__hero{position:absolute;top:18%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:1.2em;opacity:0;animation:about-load 2s ease-in-out .6s forwards}.about__title{font-size:5em;font-weight:600;letter-spacing:-.02em;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:about-pulse 10s linear 1.2s infinite}.about__title--glow{position:absolute;left:0;right:0;text-align:center;font-size:5em;font-weight:600;letter-spacing:-.02em;pointer-events:none;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(16px) opacity(.4);animation:about-pulse 10s linear 1.2s infinite}.about--gold .about__title{background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#b8860b 30%,gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about--gold .about__title--glow{background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(16px) opacity(.6)}.about__midspot{width:1.8em;height:1.8em;border-radius:50%;border:none;background:#000;box-shadow:0 0 1em #98c0ef;cursor:pointer;transition:box-shadow .8s ease-in-out;flex-shrink:0}.about__midspot:hover{box-shadow:-.3em .1em .2em #d8bd10}.about__midspot--gold{box-shadow:0 0 1em #d8bd10}.about__midspot--gold:hover{box-shadow:-.3em .1em .2em #98c0ef}@keyframes about-load{0%{opacity:0}to{opacity:1}}@keyframes about-spotlight{0%{transform:rotate(0);filter:blur(15px) opacity(.5)}20%{transform:rotate(-1deg);filter:blur(16px) opacity(.6)}40%{transform:rotate(2deg);filter:blur(14px) opacity(.4)}60%{transform:rotate(-2deg);filter:blur(15px) opacity(.6)}80%{transform:rotate(1deg);filter:blur(13px) opacity(.4)}to{transform:rotate(0);filter:blur(15px) opacity(.5)}}@keyframes about-spotlight-center{0%{transform:rotate(0);filter:blur(10px) opacity(.6)}33%{transform:rotate(.4deg);filter:blur(9px) opacity(.7)}66%{transform:rotate(-.4deg);filter:blur(11px) opacity(.55)}to{transform:rotate(0);filter:blur(10px) opacity(.6)}}@keyframes about-pulse{0%{--p: 0%}50%{--p: 300%}to{--p: 300%}}