.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.backdrop__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(120% 85% at 50% 0%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(120% 85% at 50% 0%,#000 25%,transparent 75%)}.backdrop__glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.backdrop__glow--a{top:-20vh;left:50%;width:min(900px,90vw);height:60vh;transform:translate(-50%);background:radial-gradient(closest-side,var(--glow),transparent)}.backdrop__glow--b{top:30vh;right:-10vw;width:min(560px,70vw);height:40vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent)}[data-theme=light] .backdrop__glow{opacity:.75}.backdrop__spot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(460px circle at var(--x, 50%) var(--y, 30%),color-mix(in srgb,var(--accent) 11%,transparent),transparent 65%);transition:opacity .6s var(--ease)}.header{position:fixed;inset-inline:0;top:0;z-index:100;border-bottom:1px solid transparent;transition:background .4s var(--ease),border-color .4s var(--ease)}.header.is-compact{background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.header__progress{position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left}.header__inner{display:flex;align-items:center;gap:1rem;padding-block:.85rem}.header__brand{display:inline-flex;align-items:center;gap:.65rem;margin-right:auto}.header__logo{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--accent-hi),var(--accent-2));box-shadow:0 0 0 1px var(--border),0 4px 14px -6px var(--glow);transition:transform .5s var(--ease)}.header__brand:hover .header__logo{transform:rotate(90deg)}.header__name{font-size:var(--step-0);font-weight:500;letter-spacing:-.015em;white-space:nowrap}.header__nav{display:flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__link{padding:.34rem .85rem;border-radius:999px;font-size:var(--step--1);font-weight:450;color:var(--text-dim);transition:color .25s var(--ease),background .25s var(--ease)}.header__link:hover{color:var(--text);background:var(--surface-hi)}.header__theme{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-dim);transition:color .25s var(--ease),border-color .25s var(--ease)}.header__theme:hover{color:var(--text);border-color:var(--border-hi)}.header__theme svg{width:16px;height:16px}@media(max-width:640px){.header__name{display:none}.header__link{padding-inline:.6rem}}.footer{position:relative;z-index:2;border-top:1px solid var(--border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1.75rem}.footer__up{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim);transition:color .25s var(--ease)}.footer__up svg{width:13px;height:13px;transition:transform .3s var(--ease)}.footer__up:hover{color:var(--text)}.footer__up:hover svg{transform:translateY(-2px)}.intro{display:flex;align-items:center;min-height:100svh;padding-block:clamp(7rem,15vh,10rem) clamp(3rem,8vh,5rem)}.intro__inner{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center}.intro__main>*{opacity:0;animation:intro-in .9s var(--ease) forwards}.intro__chip{animation-delay:60ms}.intro__title{animation-delay:.15s}.intro__role{animation-delay:.24s}.intro__tagline{animation-delay:.32s}.intro__actions{animation-delay:.4s}.intro__title{margin-top:1.4rem;font-size:var(--step-3);font-weight:600;line-height:1.02;letter-spacing:-.045em}.intro__role{margin-top:1rem;letter-spacing:.12em}.intro__tagline{max-width:46ch;margin-top:1.1rem;font-size:var(--step-1);font-weight:300;line-height:1.5;color:var(--text-dim);text-wrap:pretty}.intro__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.intro__panel{padding:1.15rem;opacity:0;animation:intro-in 1s var(--ease) .48s forwards}.intro__panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.intro__panel-live{display:inline-flex;align-items:center;gap:.45rem;color:var(--ok)}.intro__readout{padding-block:.35rem .2rem}.intro__row{display:flex;align-items:baseline;gap:.6rem;padding-block:.6rem}.intro__row dt{flex:none;text-transform:none;letter-spacing:.04em}.intro__row:after{content:"";order:1;flex:1;height:0;border-bottom:1px dashed var(--border);transform:translateY(-3px)}.intro__row dd{order:2;flex:none;color:var(--text);letter-spacing:.04em}.intro__time{color:var(--accent-hi)}@keyframes intro-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:900px){.intro__inner{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:clamp(2rem,5vw,5rem)}}@media(prefers-reduced-motion:reduce){.intro__main>*,.intro__panel{opacity:1;animation:none}}.work__grid{display:grid;gap:.75rem}.work__card{position:relative;display:block;padding:clamp(1.1rem,2.5vw,1.6rem);overflow:hidden;isolation:isolate;transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease)}.work__card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 45%,var(--border));background:var(--surface-hi)}.work__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--card-accent) 13%,transparent),transparent 70%);transition:opacity .4s var(--ease)}.work__card:hover .work__sheen{opacity:1}.work__edge{position:absolute;left:0;top:50%;width:2px;height:0;background:var(--card-accent);border-radius:0 2px 2px 0;transform:translateY(-50%);transition:height .45s var(--ease)}.work__card:hover .work__edge{height:62%}.work__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .85rem}.work__index{color:var(--text-faint);transition:color .35s var(--ease)}.work__card:hover .work__index{color:var(--card-accent)}.work__title{font-size:var(--step-2);font-weight:500;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}.work__kind{padding:.15rem .5rem;border:1px solid var(--border);border-radius:999px;font-size:.62rem}.work__year{margin-left:auto;color:var(--text-faint)}.work__desc{max-width:62ch;margin-top:.7rem;color:var(--text-dim);font-weight:300;text-wrap:pretty}.work__bottom{display:flex;align-items:center;gap:1rem;margin-top:1.1rem}.work__tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}.work__tags li{padding:.2rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.62rem;letter-spacing:.05em;color:var(--text-dim);text-transform:none}.work__arrow{display:grid;place-items:center;flex:none;width:34px;height:34px;margin-left:auto;border:1px solid var(--border);border-radius:50%;color:var(--text-dim);transition:color .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease)}.work__arrow svg{width:15px;height:15px}.work__card:hover .work__arrow{transform:translate(2px,-2px);color:var(--card-accent);border-color:color-mix(in srgb,var(--card-accent) 50%,transparent);background:color-mix(in srgb,var(--card-accent) 10%,transparent)}@media(max-width:560px){.work__year{margin-left:0}.work__bottom{flex-wrap:wrap}}.about__grid{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:start}.about__paragraph{max-width:56ch;font-size:var(--step-1);font-weight:300;line-height:1.6;text-wrap:pretty}.about__paragraph+.about__paragraph{margin-top:1.1em;color:var(--text-dim)}.about__specs{padding:.4rem 1.1rem;container-type:inline-size}.about__row{display:flex;align-items:baseline;gap:.6rem;padding-block:.75rem}.about__row+.about__row{border-top:1px solid var(--border)}.about__row dt{flex:none;text-transform:none;letter-spacing:.04em}.about__row dd{margin-left:auto;text-align:right;color:var(--text);text-transform:none;letter-spacing:.02em;text-wrap:pretty}@container (max-width: 360px){.about__row{flex-direction:column;align-items:flex-start;gap:.15rem}.about__row dd{margin-left:0;text-align:left}}.about__stack{display:grid;gap:1.25rem;margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(1.5rem,4vw,2.5rem);border-top:1px solid var(--border)}.about__stack-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.about__stack-label{min-width:5.5rem;color:var(--text-faint)}.about__stack-list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none}.about__pill{padding:.34rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:var(--step--1);color:var(--text-dim);transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.about__pill:hover{color:var(--text);border-color:var(--border-hi);background:var(--surface-hi)}@media(min-width:900px){.about__grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(2rem,6vw,5rem)}}.contact__card{position:relative;overflow:hidden;padding:clamp(1.5rem,5vw,3.25rem);text-align:center}.contact__halo{position:absolute;top:-55%;left:50%;width:min(700px,110%);height:100%;transform:translate(-50%);background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(50px);pointer-events:none}.contact__card>*:not(.contact__halo){position:relative}.contact__title{margin-top:1.25rem;font-size:var(--step-2);font-weight:500;line-height:1.15;letter-spacing:-.035em}.contact__lead{max-width:44ch;margin:.85rem auto 0;color:var(--text-dim);font-weight:300}.contact__actions{display:flex;justify-content:center;margin-top:1.75rem}.contact__actions .btn{max-width:100%;word-break:break-word}.contact__socials{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);list-style:none}.contact__social{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;transition:border-color .25s var(--ease),background .25s var(--ease)}.contact__social svg{width:13px;height:13px;color:var(--text-faint);transition:transform .3s var(--ease),color .25s var(--ease)}.contact__social:hover{border-color:var(--border-hi);background:var(--surface-hi)}.contact__social:hover svg{transform:translate(2px,-2px);color:var(--accent-hi)}.contact__social:hover .mono{color:var(--text)}.project{position:relative;padding-block:clamp(6.5rem,14vh,9rem) clamp(4rem,10vh,7rem)}.project__wash{position:absolute;inset-inline:0;top:0;z-index:0;height:60vh;background:radial-gradient(70% 100% at 50% 0%,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 70%);pointer-events:none}.project__back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim);transition:color .25s var(--ease)}.project__back svg{width:14px;height:14px;transition:transform .3s var(--ease)}.project__back:hover{color:var(--text)}.project__back:hover svg{transform:translate(-3px)}.project__head{max-width:24ch;margin-top:clamp(2rem,5vw,3.5rem)}.project__eyebrow{color:var(--card-accent)}.project__sep{color:var(--text-faint)}.project__title{margin-top:.75rem;font-size:var(--step-3);font-weight:600;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.project__lead{max-width:52ch;margin-top:1.1rem;font-size:var(--step-1);font-weight:300;line-height:1.5;color:var(--text-dim);text-wrap:pretty}.project__head,.project__lead{max-width:52ch}.project__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:clamp(2.5rem,6vw,4rem);list-style:none}.project__metric{padding:1.1rem 1.25rem}.project__metric-value{display:block;font-size:var(--step-2);font-weight:500;line-height:1.1;letter-spacing:-.035em;color:var(--card-accent);font-variant-numeric:tabular-nums}.project__metric-label{display:block;margin-top:.3rem;color:var(--text-dim)}.project__body{display:grid;gap:clamp(2.5rem,6vw,4rem);margin-top:clamp(3rem,8vw,5rem);align-items:start}.project__sections{display:grid;gap:clamp(2rem,4vw,3rem)}.project__section-title{display:flex;align-items:baseline;gap:.75rem;padding-bottom:.75rem;margin-bottom:.9rem;border-bottom:1px solid var(--border);color:var(--text)}.project__section-index{color:var(--card-accent)}.project__section p{max-width:62ch;font-size:var(--step-1);font-weight:300;line-height:1.6;color:var(--text-dim);text-wrap:pretty}.project__aside{display:grid;gap:1.25rem;align-content:start}.project__facts{padding:.4rem 1.1rem;container-type:inline-size}.project__fact{display:flex;align-items:baseline;gap:.6rem;padding-block:.75rem}.project__fact+.project__fact{border-top:1px solid var(--border)}.project__fact dt{flex:none;text-transform:none;letter-spacing:.04em}.project__fact dd{margin-left:auto;text-align:right;color:var(--text);text-transform:none;letter-spacing:.02em;text-wrap:pretty}@container (max-width: 360px){.project__fact{flex-direction:column;align-items:flex-start;gap:.15rem}.project__fact dd{margin-left:0;text-align:left}}.project__stack{display:grid;gap:.6rem}.project__stack-label{color:var(--text-faint)}.project__tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}.project__tags li{padding:.3rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.66rem;letter-spacing:.05em;color:var(--text-dim);text-transform:none}.project__links{display:flex;flex-wrap:wrap;gap:.5rem}.project__nav{display:flex;justify-content:space-between;gap:1rem;margin-top:clamp(3.5rem,9vw,6rem);padding-top:1.5rem;border-top:1px solid var(--border)}.project__nav-link{display:grid;gap:.2rem;color:var(--text-dim);transition:color .25s var(--ease)}.project__nav-link--next{text-align:right;margin-left:auto}.project__nav-title{font-size:var(--step-1);font-weight:500;letter-spacing:-.02em;color:var(--text)}.project__nav-link:hover,.project__nav-link:hover .project__nav-title{color:var(--card-accent)}@media(min-width:900px){.project__body{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}.notfound{display:flex;align-items:center;min-height:80svh;padding-block:clamp(7rem,15vh,10rem) clamp(3rem,8vh,5rem)}.notfound__code{color:var(--accent-hi)}.notfound__title{margin-top:1rem;font-size:var(--step-2);font-weight:600;line-height:1.05;letter-spacing:-.04em}.notfound__lead{max-width:44ch;margin-top:1rem;color:var(--text-dim);font-weight:300}.notfound__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}:root{--bg: #08090c;--bg-elev: #0c0e13;--surface: rgba(255, 255, 255, .026);--surface-hi: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .16);--grid-line: rgba(255, 255, 255, .035);--inset-hi: rgba(255, 255, 255, .06);--text: #e9ebf2;--text-dim: #8b90a3;--text-faint: #5a5f70;--accent: #6366f1;--accent-hi: #818cf8;--accent-2: #22d3ee;--glow: rgba(99, 102, 241, .22);--ok: #34d399;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.7rem, .67rem + .14vw, .78rem);--step-0: clamp(.92rem, .88rem + .2vw, 1rem);--step-1: clamp(1.1rem, 1rem + .5vw, 1.35rem);--step-2: clamp(1.6rem, 1.2rem + 1.9vw, 2.6rem);--step-3: clamp(2.6rem, 1.6rem + 4.6vw, 5.6rem);--gutter: clamp(1.1rem, 3.5vw, 3.5rem);--maxw: 1240px;--radius: 14px;--radius-sm: 9px;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}[data-theme=light]{--bg: #f6f7f9;--bg-elev: #ffffff;--surface: rgba(13, 15, 20, .022);--surface-hi: rgba(13, 15, 20, .045);--border: rgba(13, 15, 20, .1);--border-hi: rgba(13, 15, 20, .2);--grid-line: rgba(13, 15, 20, .045);--inset-hi: rgba(255, 255, 255, .9);--text: #0d0f14;--text-dim: #5b6172;--text-faint: #8b90a0;--accent: #4f46e5;--accent-hi: #4338ca;--accent-2: #0891b2;--glow: rgba(79, 70, 229, .14);--ok: #059669;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{position:relative;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);font-weight:400;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:#fff}.shell{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono);font-size:var(--step--1);font-weight:400;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--text-dim)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--inset-hi)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.34rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em;color:var(--text-dim);white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent);animation:dot-pulse 2.4s ease-in-out infinite}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.72rem 1.15rem;border:1px solid var(--border-hi);border-radius:999px;font-size:var(--step-0);font-weight:500;letter-spacing:-.01em;transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.btn:hover{transform:translateY(-1px);border-color:transparent;background:var(--surface-hi)}.btn--primary{border-color:transparent;background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:#fff;box-shadow:0 8px 24px -10px var(--glow)}.btn--primary:hover{background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 14px 32px -10px var(--glow)}.btn svg{width:15px;height:15px;transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(3px)}section[id]{scroll-margin-top:clamp(4.5rem,8vh,6rem)}.section{padding-block:clamp(4.5rem,11vh,8rem)}.section__head{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section__head h2{font-size:var(--step-1);font-weight:500;letter-spacing:-.02em}.section__head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.gradient-text{background:linear-gradient(100deg,var(--accent-hi),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.reveal{opacity:0;transform:translateY(16px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-in{opacity:1;transform:none}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}