.header{z-index:100;height:var(--header-height);transition:background .35s var(--ease-out), border-color .35s var(--ease-out);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--border);background:#080809d1}.header__inner{justify-content:space-between;align-items:center;gap:2rem;display:flex}.header__logo{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;display:flex}.header__logo-mark{background:linear-gradient(135deg, var(--accent), var(--teal));border-radius:2px;width:10px;height:10px}.header__nav{align-items:center;gap:2rem;display:flex}.header__nav a{color:var(--text-muted);font-size:.9rem;transition:color .2s}.header__nav a:hover{color:var(--text)}.header__resume{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.6rem 1.1rem;font-size:.75rem;transition:border-color .2s,background .2s}.header__resume:hover{border-color:var(--accent);background:var(--accent-soft)}.header__resume--mobile{display:none}.header__menu{justify-content:center;align-items:center;width:40px;height:40px;display:none;position:relative}.header__menu span{background:var(--text);width:20px;height:1.5px;transition:transform .3s var(--ease-out), opacity .2s;position:absolute}.header__menu span:first-child{transform:translateY(-4px)}.header__menu span:last-child{transform:translateY(4px)}.header__menu--open span:first-child{transform:rotate(45deg)}.header__menu--open span:last-child{transform:rotate(-45deg)}@media (width<=768px){.header__nav{inset:var(--header-height) 0 0 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:transform .4s var(--ease-out), opacity .3s;background:#080809f5;flex-direction:column;justify-content:center;gap:2rem;position:fixed;transform:translateY(-100%)}.header__nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.header__nav a{font-family:var(--display);font-size:1.75rem;font-weight:600}.header__resume--desktop{display:none}.header__resume--mobile{display:inline-flex}.header__menu{display:flex}}.hover-text{cursor:default;display:inline}.hover-text__char{transition:transform .35s var(--ease-out), color .35s var(--ease-out), text-shadow .35s var(--ease-out);transition-delay:calc(var(--char-index) * 18ms);display:inline-block}.hover-text:hover .hover-text__char{color:var(--teal);text-shadow:0 0 18px #5eead459;transform:translateY(-.12em)scale(1.04)}.hover-text:hover .hover-text__char:nth-child(odd){color:var(--accent);text-shadow:0 0 16px #c8794159}.hover-text--title:hover .hover-text__char{transform:translateY(-.08em)}@media (prefers-reduced-motion:reduce){.hover-text__char{transition:color .2s}.hover-text:hover .hover-text__char{text-shadow:none;transform:none}}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60%,#000 20%,#0000 75%)}.hero__inner{width:min(100% - 3rem, var(--max-width));text-align:center;flex-direction:column;align-items:center;gap:2.5rem;display:flex;position:relative}.hero__canvas{aspect-ratio:1;background:radial-gradient(circle,#5eead40f 0%,#c879410a 35%,#0000 70%);border-radius:50%;justify-self:center;width:100%;max-width:480px;position:relative}.hero__canvas:before,.hero__canvas:after{content:"";pointer-events:none;z-index:1;border-radius:50%;position:absolute}.hero__canvas:before{border:1px solid #5eead41a;animation:14s linear infinite orbRing;inset:8%}.hero__canvas:after{border:1px solid #c8794112;animation:20s linear infinite reverse orbRing;inset:4%}@keyframes orbRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__canvas canvas{z-index:2;position:relative}.hero__intro{flex-direction:column;align-items:center;gap:1rem;display:flex}.hero__eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-size:.75rem}.hero__name{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;line-height:.95}.hero__meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:1rem;display:flex}.hero__dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.hero__tagline{max-width:28rem;color:var(--text-muted);font-size:1.15rem;line-height:1.55}.hero__scroll-hint{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;align-items:center;gap:.75rem;font-size:.65rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--teal), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;transform-origin:top;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hero__canvas:before,.hero__canvas:after{animation:none}}@media (width<=768px){.hero__inner{width:min(100% - 2rem, var(--max-width))}.hero__canvas{max-width:320px}}.statement{min-height:100dvh;padding:var(--header-height) 0 2rem;background:linear-gradient(180deg, var(--bg) 0%, var(--bg-elevated) 50%, var(--bg) 100%);justify-content:center;align-items:center;display:flex;position:relative}.statement__inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:min(100% - 3rem,56rem);margin-inline:auto;padding:2rem 1.5rem;display:flex}.statement__label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.8rem}.statement__lines{width:100%;min-height:clamp(6rem,24vw,11rem);position:relative}.statement__line{opacity:0;justify-content:center;align-items:center;padding-inline:.5rem;display:flex;position:absolute;inset:0}.statement__line span{max-width:100%;font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;background:linear-gradient(135deg, var(--text) 30%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1.05;display:block}@media (width<=768px){.statement__inner{width:min(100% - 2rem,56rem);padding-inline:1rem}.statement__lines{min-height:clamp(7rem,34vw,12rem)}}.section{padding:clamp(5rem,12vw,8rem) 0}.section--alt{background:linear-gradient(#0000,#11111499,#0000)}.about__grid{gap:1.25rem;max-width:52rem;margin-top:2.5rem;display:grid}.about__text{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.timeline{border-left:1px solid var(--border);margin-top:3rem;padding-left:1.5rem;position:relative}.timeline__item{padding-bottom:2.5rem;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__marker{background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:.35rem;left:calc(-1.5rem - 5px)}.timeline__header{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:.35rem;display:flex}.timeline__title{font-family:var(--display);font-size:1.2rem;font-weight:600}.timeline__period{font-family:var(--mono);color:var(--text-dim);font-size:.72rem}.timeline__org{color:var(--teal);margin-bottom:.5rem;font-size:.9rem}.timeline__details{color:var(--text-muted);max-width:40rem;line-height:1.65}.glow-pill{font-family:var(--mono);letter-spacing:.04em;color:var(--teal);cursor:default;transition:transform .3s var(--ease-out), border-color .3s, color .3s;background:#0a0a0c99;border:1px solid #5eead42e;border-radius:999px;padding:.45rem .85rem;font-size:.72rem;position:relative;overflow:hidden}.glow-pill:before{content:"";background:radial-gradient(80px circle at var(--x,50%) var(--y,50%), #5eead438, transparent 65%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.glow-pill:hover{color:#a7f3ec;border-color:#5eead473;transform:translateY(-3px)scale(1.04)}.glow-pill:hover:before{opacity:1}.glow-pill__label{z-index:1;position:relative}.skills-section{position:relative;overflow:hidden}.skills-section__bg{pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 70% 30%,#5eead414,#0000 60%),radial-gradient(40% 35% at 20% 80%,#c879410d,#0000 55%);position:absolute;inset:0}.skills-section__bg:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 10%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 10%,#0000 75%)}.skills-section__inner{z-index:1;position:relative}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:3rem;display:grid}.skills-card{border-radius:var(--radius);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s, transform .35s var(--ease-out);background:#0e0e12bf;padding:1.75rem}.skills-card:hover{border-color:#5eead440;transform:translateY(-3px)}.skills-card__title{font-family:var(--display);margin-bottom:1.1rem;font-size:1.15rem;font-weight:600}.skills-card__list{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex}@media (width<=900px){.skills-grid{grid-template-columns:1fr}}.projects-section{padding:clamp(5rem,12vw,8rem) 0 0;overflow:hidden}.projects-section__header{margin-bottom:3rem}.projects-section__track-wrap{width:100%;overflow:visible}.projects-section__track{padding:0 max(1.5rem, calc((100vw - var(--max-width)) / 2 + 1.5rem)) 4rem;will-change:transform;gap:1.5rem;display:flex}.project-panel{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--bg-card);min-height:420px;transition:border-color .4s, transform .45s var(--ease-out);flex-direction:column;flex:0 0 min(78vw,520px);display:flex;position:relative;overflow:hidden}.project-panel:hover{border-color:#c8794173;transform:translateY(-6px)scale(1.01)}.project-panel__bg{pointer-events:none;background:radial-gradient(80% 60% at 80% 20%,#c879411f,#0000 55%),radial-gradient(60% 50% at 10% 90%,#5eead414,#0000 50%),linear-gradient(145deg,#121216 0%,#0e1012 100%);position:absolute;inset:0}.project-panel__index{font-family:var(--display);letter-spacing:-.05em;color:#ffffff0a;font-size:clamp(4rem,10vw,6rem);font-weight:800;line-height:1;transition:color .4s;position:absolute;top:1.5rem;right:1.5rem}.project-panel:hover .project-panel__index{color:#c879411f}.project-panel__schematic{color:#5eead41f;opacity:.6;width:100%;height:100%;transition:color .4s,opacity .4s;position:absolute;inset:0}.project-panel:hover .project-panel__schematic{color:#5eead438;opacity:1}.project-panel__content{z-index:1;background:linear-gradient(#0000,#080809f2 45%);flex-direction:column;gap:1rem;margin-top:auto;padding:2rem;display:flex;position:relative}.project-panel__meta{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-panel__year{font-family:var(--mono);color:var(--text-dim);font-size:.72rem}.project-panel__tags{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.project-panel__tags span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid #c8794140;border-radius:4px;padding:.25rem .55rem;font-size:.62rem}.project-panel__title{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:normal;word-break:normal;max-width:100%;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.15}.project-panel__desc{color:var(--text-muted);max-width:38ch;font-size:.98rem;line-height:1.65}.project-panel__links{gap:1.5rem;padding-top:.5rem;display:flex}.project-panel__links a{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-size:.72rem}.project-panel--spacer{pointer-events:none;background:0 0;border:none;flex:0 0 2rem;min-height:0}@media (width<=900px){.projects-section__track{flex-direction:column;padding:0 1.5rem 4rem;transform:none!important}.project-panel{flex:auto;min-height:360px}.project-panel--spacer{display:none}}@media (width<=768px){.projects-section__track{padding-inline:1rem}}.contact-section{overflow:hidden}.radar-contact{opacity:0;justify-content:center;margin-top:3rem;display:flex}.radar-scope{aspect-ratio:1;width:min(100%,440px);position:relative;overflow:visible}.radar-scope__svg{border-radius:50%;width:100%;height:100%;display:block}.radar-scope__bezel{stroke:#ffffff0d;stroke-width:1px}.radar-scope__ring{stroke:#ffffff09;stroke-width:.75px;opacity:0;transform-origin:200px 200px}.radar-scope__axis{stroke:#ffffff06;stroke-width:.5px}.radar-scope__sweep{opacity:0;will-change:transform;pointer-events:none;background:conic-gradient(#0000 0deg 332deg,#3d9b8f05 340deg,#3d9b8f12 352deg,#3d9b8f24 359deg,#0000 360deg);border-radius:50%;position:absolute;inset:0;transform:rotate(0);-webkit-mask-image:radial-gradient(circle,#000 58%,#0000 62%);mask-image:radial-gradient(circle,#000 58%,#0000 62%)}.radar-scope__sweep--on{opacity:1}.radar-scope__center{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-scope__center-dot{background:#c8794180;border-radius:50%;width:4px;height:4px;display:block}.radar-scope__blip{z-index:2;outline:none;flex-direction:column;align-items:center;gap:5px;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.radar-scope__blip-dot{background:var(--teal);width:6px;height:6px;opacity:calc(.3 + var(--blip-glow,0) * .7);transform:scale(calc(.85 + var(--blip-glow,0) * .55));box-shadow:0 0 calc(var(--blip-glow,0) * 20px) rgba(61, 155, 143, calc(var(--blip-glow,0) * .6)), 0 0 calc(var(--blip-glow,0) * 6px) rgba(94, 234, 212, calc(var(--blip-glow,0) * .75));border-radius:50%;flex-shrink:0}.radar-scope__blip-hint{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(94, 234, 212, calc(.22 + var(--blip-glow,0) * .78));white-space:nowrap;pointer-events:none;text-shadow:0 0 calc(var(--blip-glow,0) * 14px) rgba(61, 155, 143, calc(var(--blip-glow,0) * .55));font-size:.52rem;line-height:1}.radar-scope__blip--hover .radar-scope__blip-dot{opacity:1;transform:scale(1.3);box-shadow:0 0 16px #3d9b8f8c}.radar-scope__blip--hover .radar-scope__blip-hint{color:#5eead4f2;text-shadow:0 0 10px #3d9b8f73}@media (prefers-reduced-motion:reduce){.radar-scope__sweep--on{opacity:.5}.radar-scope__blip-dot{opacity:.45;animation:none}.radar-scope__blip-hint{color:var(--text-dim)}}.footer{border-top:1px solid var(--border);padding:2.5rem 0 3rem}.footer__inner{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.footer__note{font-family:var(--mono);letter-spacing:.06em;font-size:.72rem}.scroll-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scroll-ambient__grid{opacity:.55;will-change:transform;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:-30% -10%;-webkit-mask-image:radial-gradient(90% 75% at 50% 35%,#000 5%,#0000 78%);mask-image:radial-gradient(90% 75% at 50% 35%,#000 5%,#0000 78%)}.scroll-ambient__glow{filter:blur(72px);will-change:transform;border-radius:50%;animation:28s ease-in-out infinite alternate ambientFloat;position:absolute}.scroll-ambient__glow--teal{background:radial-gradient(circle,#3d9b8f1a 0%,#0000 68%);width:52vmax;height:52vmax;animation-delay:-6s;top:8%;left:-18%}.scroll-ambient__glow--copper{background:radial-gradient(circle,#c8794117 0%,#0000 68%);width:44vmax;height:44vmax;animation-delay:-14s;bottom:2%;right:-14%}@keyframes ambientFloat{0%{transform:translate(0)scale(1)}to{transform:translate(2.5%,1.5%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.scroll-ambient__glow{animation:none}}.loader{--progress:0%;z-index:9999;background:var(--bg);overscroll-behavior:none;touch-action:none;place-items:center;transition:opacity .65s cubic-bezier(.22,1,.36,1),visibility .65s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;inset:0;overflow:hidden}.loader--exiting{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{width:min(7rem,40vw);padding-bottom:1.75rem}.loader__track{background:#ffffff1a;height:1px;position:relative;overflow:visible}.loader__glow{width:var(--progress);pointer-events:none;height:1px;position:absolute;top:0;left:0}.loader__glow:before{content:"";background:var(--teal);width:min(4.5rem,28vw);height:1px;animation:2.2s ease-in-out infinite loader-glow-pulse;position:absolute;top:0;right:0;transform:translate(50%);box-shadow:0 0 12px #5eead4f2,0 0 28px #5eead48c,0 0 48px #5eead447,0 8px 32px #5eead459,0 14px 56px #c879411f}.loader__glow:after{content:"";filter:blur(10px);transform-origin:top;background:linear-gradient(#5eead46b 0%,#5eead424 45%,#c879410a 100%);width:100%;height:18px;animation:2.2s ease-in-out infinite loader-glow-pulse;position:absolute;top:2px;left:0}.loader__fill{z-index:1;width:var(--progress);background:var(--teal);height:100%;transition:width .12s linear;position:relative;box-shadow:0 0 8px #5eead4cc,0 0 18px #5eead459}@keyframes loader-glow-pulse{0%,to{opacity:.82}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loader{transition-duration:.2s}.loader__fill{box-shadow:none;transition:none}.loader__glow:before,.loader__glow:after{animation:none}}:root{--bg:#080809;--bg-elevated:#111114;--bg-card:#16161a;--border:#ffffff14;--text:#f2f2f4;--text-muted:#8b8b96;--text-dim:#5c5c66;--accent:#c87941;--accent-soft:#c8794126;--teal:#3d9b8f;--teal-soft:#3d9b8f1f;--display:"Syne", system-ui, sans-serif;--body:"DM Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--max-width:1200px;--header-height:72px;--radius:12px;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}#root,main{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--text)}.container{width:min(100% - 3rem, var(--max-width));margin-inline:auto}.section-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:1.25rem;font-size:.75rem}.section-title{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.05}.section-intro{max-width:42rem;color:var(--text-muted);margin-top:1rem;font-size:1.05rem}.reveal-line{overflow:hidden}.reveal-line>span,.reveal-line>*{will-change:transform;display:block}@media (width<=768px){.container{width:min(100% - 2rem, var(--max-width))}}