@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/bricolage-grotesque-400-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/inter-300-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#070a12;--bg-1:#0b0f1a;--bg-2:#111624;--bg-3:#171d2e;--text:#edeff7;--text-2:#a3abc2;--text-3:#6b7391;--accent:#5a6cff;--accent-bright:#7c9cff;--accent-deep:#4361ff;--accent-ink:#fff;--accent-a08:#5a6cff14;--accent-a16:#5a6cff29;--accent-a32:#5a6cff52;--grad-accent:linear-gradient(135deg, var(--accent-bright), var(--accent-deep));--line:#ffffff14;--line-2:#ffffff24;--glass:linear-gradient(180deg, #ffffff0d, #ffffff03);--glass-solid:#111624b8;--glass-border:#ffffff1a;--glass-inset:inset 0 1px 0 #ffffff0f;--card-shadow:0 24px 60px -20px #000000b3;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent-bright);--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", var(--font);--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:16px;--fs-lg:18px;--fs-xl:21px;--fs-2xl:28px;--fs-3xl:38px;--fs-4xl:52px;--fs-5xl:72px;--fs-6xl:104px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:56px;--sp-9:72px;--sp-10:96px;--sp-11:128px;--maxw:1240px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-full:999px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--d-micro:.18s;--d-el:.42s;--d-section:.7s;--d-hero:1s}@media (prefers-reduced-motion:reduce){:root{--d-micro:.01ms;--d-el:.01ms;--d-section:.01ms;--d-hero:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{box-shadow:var(--focus-ring);outline:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border-radius:var(--r-full);border:3px solid var(--bg);background:#ffffff1f}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:var(--sp-10) 0;scroll-margin-top:var(--sp-9);position:relative}@media (max-width:640px){.section{padding:var(--sp-9) 0}}.section--raised{background:var(--bg-1)}.section--raised:before,.section--raised:after{content:"";background:linear-gradient(90deg, transparent, var(--line-2) 22%, var(--line-2) 78%, transparent);pointer-events:none;height:1px;position:absolute;left:0;right:0}.section--raised:before{top:0}.section--raised:after{bottom:0}.section--major{padding:var(--sp-11) 0}.section--tight{padding:var(--sp-9) 0}@media (max-width:640px){.section--major,.section--tight{padding:var(--sp-9) 0}}.eyebrow{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-bright);font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);opacity:.8;width:22px;height:1px}.eyebrow__idx{color:var(--text-3);font-variant-numeric:tabular-nums;order:-1}.section-title{font-family:var(--font-display);font-size:clamp(30px, 5vw, var(--fs-4xl));letter-spacing:-.03em;margin-top:var(--sp-3);text-wrap:balance;font-weight:700;line-height:1.04}.section-sub{margin-top:var(--sp-4);color:var(--text-2);font-size:var(--fs-lg);text-wrap:pretty;max-width:60ch;line-height:1.6}.accent-scope{--p-hue:233;--p-bright:hsl(var(--p-hue) 92% 74%);--p-mid:hsl(var(--p-hue) 88% 66%);--p-a08:hsl(var(--p-hue) 88% 62% / .08);--p-a16:hsl(var(--p-hue) 88% 62% / .16);--p-a32:hsl(var(--p-hue) 88% 62% / .32);--p-glow:hsl(var(--p-hue) 88% 55% / .35)}.accent-scope .eyebrow{color:var(--p-bright)}.accent-scope .eyebrow:before{background:var(--p-mid)}.accent-scope .pcard__role,.accent-scope .wcard__role{border-left-color:var(--p-mid);background:var(--p-a08)}.accent-scope .pcard__role-key,.accent-scope .pcard__live{color:var(--p-bright)}.glass{background:var(--glass), var(--glass-solid);border:1px solid var(--glass-border);box-shadow:var(--glass-inset), var(--card-shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.grain{z-index:9998;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{top:-100px;left:var(--sp-4);z-index:10000;padding:var(--sp-3) var(--sp-5);background:var(--accent);color:var(--accent-ink);border-radius:var(--r-sm);transition:top var(--d-micro) var(--ease);font-weight:600;position:fixed}.skip-link:focus{top:var(--sp-4)}.magnetic{transition:transform var(--d-el) var(--ease);will-change:transform;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:52px;padding:0 var(--sp-6);border-radius:var(--r-full);font-weight:600;font-size:var(--fs-base);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--d-micro) var(--ease), box-shadow var(--d-el) var(--ease), background var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease), color var(--d-micro) var(--ease);border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg, var(--accent-bright), var(--accent-deep));color:var(--accent-ink);box-shadow:inset 0 1px #ffffff4d,0 10px 24px -10px #4361ffbf}.btn--primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff5c,0 16px 34px -12px #4361ffe6}.btn--primary:active{transform:translateY(0)}.btn--primary:after{content:"";z-index:1;pointer-events:none;transition:transform .72s var(--ease);background:linear-gradient(100deg,#0000 22%,#ffffff2e 46%,#0000 68%);position:absolute;inset:0;transform:translate(-130%)}.btn--primary:hover:after{transform:translate(130%)}.btn--ghost{background:var(--glass), #ffffff05;border-color:var(--line-2);color:var(--text);box-shadow:var(--glass-inset)}.btn--ghost:hover{border-color:var(--accent-a32);background:var(--glass), var(--accent-a08);box-shadow:var(--glass-inset), 0 12px 28px -14px #000c;transform:translateY(-2px)}.btn--ghost:active{transform:translateY(0)}.link-sweep{display:inline-block;position:relative}.link-sweep:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform var(--d-el) var(--ease);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.link-sweep:hover:after,.link-sweep:focus-visible:after{transform-origin:0;transform:scaleX(1)}.scroll-progress{background:var(--grad-accent);transform-origin:0%;z-index:9997;height:2px;position:fixed;top:0;left:0;right:0}.accent-text{color:#0000;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text}.nav{z-index:100;padding:var(--sp-4) 0;transition:background var(--d-el) var(--ease), border-color var(--d-el) var(--ease), padding var(--d-el) var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.is-solid{border-bottom-color:var(--line);padding:var(--sp-3) 0;background:#070a12b8}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav.is-solid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}.nav__inner{justify-content:space-between;align-items:center;gap:var(--sp-5);display:flex}.nav__mark{align-items:center;gap:var(--sp-3);min-height:44px;padding-right:var(--sp-2);display:flex}.nav__initials{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.04em;color:var(--accent-bright)}.nav__name{font-weight:600;font-size:var(--fs-sm);color:var(--text-2)}.nav__links{gap:var(--sp-5);font-size:var(--fs-sm);color:var(--text-2);font-weight:500;display:flex}.nav__links a{min-height:32px;padding:0 var(--sp-2);align-items:center;display:inline-flex}.nav__links a:hover,.nav__links a.is-current{color:var(--text)}.nav__links a.is-current:after{transform-origin:0;transform:scaleX(1)}.nav__end{align-items:center;gap:var(--sp-3);display:flex}.nav__cta{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.nav__burger{border-radius:var(--r-sm);border:1px solid var(--line-2);width:40px;height:40px;color:var(--text);place-items:center;display:none}.nav__sheet{display:none}@media (max-width:820px){.nav__links,.nav__name{display:none}.nav__burger{display:grid}.nav__sheet{padding:var(--sp-5) 24px var(--sp-6);border-bottom:1px solid var(--line);background:#070a12f0;max-height:calc(100svh - 100%);display:block;position:absolute;top:100%;left:0;right:0;overflow-y:auto}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav__sheet{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}}.nav__sheet-links{flex-direction:column;display:flex}.nav__sheet-links a{align-items:baseline;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.03em;font-weight:700;display:flex}.nav__sheet-links a:hover,.nav__sheet-links a:focus-visible{color:var(--accent-bright)}.nav__sheet-idx{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);letter-spacing:.1em}.nav__sheet-cta{margin-top:var(--sp-6);justify-content:center;width:100%}@media (max-width:520px){.nav__cta{display:none}}.hero{isolation:isolate;align-items:flex-start;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__inner{z-index:2;text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;padding-top:clamp(270px,41vh,450px);padding-bottom:clamp(118px,15vh,170px);display:flex;position:relative}.hero__title{font-family:var(--font-display);font-size:clamp(38px, 7.4vw, var(--fs-6xl));letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.06}.hero__line{display:block}@media (min-width:821px) and (max-height:850px){.hero__inner{gap:var(--sp-3);padding-top:clamp(260px,43vh,350px);padding-bottom:clamp(112px,12vh,130px)}.hero__title{font-size:clamp(38px,5.2vw,68px)}.hero__cta{margin-top:var(--sp-4)}}.hero__meta{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;justify-content:center;display:flex}.hero__loc{align-items:center;gap:var(--sp-2);padding:7px var(--sp-3);display:inline-flex}.hero__loc svg{color:var(--text-3)}.hero__cta{gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap;justify-content:center;display:flex}.hero__scroll{bottom:var(--sp-7);z-index:2;border-radius:var(--r-full);width:44px;height:52px;color:var(--text-3);transition:color var(--d-micro) var(--ease);place-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hero__rail{background:linear-gradient(180deg, transparent, var(--line-2) 28%, var(--line-2) 72%, transparent);width:1px;height:38px;position:relative}.hero__rail:after{content:"";background:var(--accent-bright);width:4px;height:4px;box-shadow:0 0 10px var(--accent);animation:hero-fall 2.2s var(--ease-io) infinite;border-radius:50%;margin-left:-2px;position:absolute;top:0;left:50%}@keyframes hero-fall{0%{opacity:0;transform:translateY(0)}20%,70%{opacity:1}to{opacity:0;transform:translateY(34px)}}.hero__scroll:hover .hero__rail{background:linear-gradient(180deg, transparent, var(--accent-a32) 28%, var(--accent-a32) 72%, transparent)}.manifesto__inner{gap:var(--sp-10);grid-template-columns:minmax(0,1fr) 420px;align-items:center;display:grid}.manifesto__media{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--card-shadow);will-change:transform;margin:0;position:relative;overflow:hidden}.manifesto__photo{aspect-ratio:4/5;object-fit:cover;object-position:center 18%;filter:grayscale()contrast(1.06);width:100%;height:auto}.manifesto__media:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#070a1299);position:absolute;inset:0}@media (max-width:900px){.manifesto__inner{grid-template-columns:1fr}.manifesto__media{display:none}}.manifesto__text{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:pretty;max-width:22ch;font-size:clamp(24px,3.6vw,46px);font-weight:600;line-height:1.28}.manifesto__word{display:inline-block}.work__grid{gap:var(--sp-9);margin-top:var(--sp-8);flex-direction:column;display:flex}.pcard{gap:var(--sp-7);grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.pcard:nth-child(2n) .pcard__media{order:2}@media (max-width:900px){.pcard{gap:var(--sp-5);grid-template-columns:1fr}.pcard:nth-child(2n) .pcard__media{order:0}}.pcard__media{border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--card-shadow);background:var(--bg-1);aspect-ratio:16/10;transition:border-color var(--d-el) var(--ease), box-shadow var(--d-el) var(--ease);position:relative;overflow:hidden}.pcard:hover .pcard__media{border-color:var(--p-a32);box-shadow:var(--card-shadow), 0 30px 70px -34px var(--p-glow)}.pcard:hover .pcard__tech li{border-color:var(--p-a16)}.pcard__shot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--d-section) var(--ease)}.pcard:hover .pcard__shot{transform:scale(1.03)}.pcard__shot--none{height:100%;color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;background:repeating-linear-gradient(45deg, transparent, transparent 10px, #ffffff05 10px, #ffffff05 20px), var(--bg-1);place-items:center;display:grid}.pcard__title{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:-.03em;margin-top:var(--sp-3);font-weight:700;line-height:1.05}.pcard__sub{color:var(--text-3);font-size:var(--fs-base);margin-top:var(--sp-1)}.pcard__role{align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--accent);background:var(--accent-a08);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-sm);color:var(--text);display:flex}.pcard__role-key{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-bright);white-space:nowrap}.pcard__summary{margin-top:var(--sp-4);color:var(--text-2);text-wrap:pretty;line-height:1.65}.pcard__tech{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.pcard__tech li{font-family:var(--font-mono);font-size:var(--fs-xs);padding:4px var(--sp-3);border:1px solid var(--line);border-radius:var(--r-full);color:var(--text-2)}.pcard__links{align-items:center;gap:var(--sp-6);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.pcard__livesite{align-items:center;gap:var(--sp-2);min-height:44px;font-size:var(--fs-sm);color:var(--text-3);display:inline-flex}.pcard__livesite:hover{color:var(--text)}.pcard__live{align-items:center;gap:var(--sp-2);min-height:44px;color:var(--accent-bright);font-weight:600;display:inline-flex}.pcard__nolive{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}.craft__grid{gap:var(--sp-5);margin-top:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.craft__card{isolation:isolate;text-align:left;border-radius:var(--r-lg);width:100%;padding:var(--sp-6);height:100%;transition:transform var(--d-el) var(--ease), border-color var(--d-el) var(--ease);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.craft__card:before{content:"";z-index:-1;background:radial-gradient(120% 90% at 50% 100%, var(--accent-a16), transparent 70%);opacity:0;transition:opacity var(--d-el) var(--ease);position:absolute;inset:0}.craft__card:hover,.craft__card:focus-visible{border-color:var(--accent-a32);transform:translateY(-6px)}.craft__card:hover:before,.craft__card:focus-visible:before{opacity:1}.craft__title{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-bright)}.craft__claim{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.03em;margin-top:var(--sp-3);font-weight:700;line-height:1.15}.craft__body{color:var(--text-2);margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.6}.craft__cta{align-items:center;gap:var(--sp-2);padding-top:var(--sp-5);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin-top:auto;display:inline-flex}.craft__cta svg{transition:transform var(--d-micro) var(--ease)}.craft__card:hover .craft__cta svg,.craft__card:focus-visible .craft__cta svg{transform:translate(2px,-2px)}.stack__grid{gap:var(--sp-6);margin-top:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stack__label{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line)}.stack__group.is-lead .stack__label{color:var(--accent-bright);border-bottom-color:var(--accent-a32)}.stack__items{margin-top:var(--sp-4);gap:var(--sp-2);flex-wrap:wrap;display:flex}.stack__item{padding:5px var(--sp-3);border:1px solid var(--line);border-radius:var(--r-full);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);transition:color var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease)}.stack__item:hover{color:var(--text-2);border-color:var(--line-2)}.stack__group.is-lead .stack__item{color:var(--text);font-family:var(--font);font-size:var(--fs-sm);border-color:var(--accent-a32);background:var(--accent-a08);font-weight:500}.stack__group.is-lead .stack__item:hover{border-color:var(--accent);background:var(--accent-a16)}.about__inner{gap:var(--sp-9);grid-template-columns:380px 1fr;align-items:start;display:grid}@media (max-width:900px){.about__inner{gap:var(--sp-6);grid-template-columns:1fr}}.about__photo{aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line);filter:grayscale()contrast(1.05);width:100%;height:auto;transition:filter var(--d-section) var(--ease)}.about__media:hover .about__photo{filter:grayscale(0)contrast()}.about__para{margin-top:var(--sp-4);color:var(--text-2);line-height:1.7;font-size:var(--fs-lg);text-wrap:pretty;max-width:62ch}.contact{text-align:center;border-top:1px solid var(--line);background:radial-gradient(70% 100% at 50% 0%, var(--accent-a08), transparent 70%)}.contact .eyebrow{justify-content:center}.contact__title{font-family:var(--font-display);font-size:clamp(34px, 6vw, var(--fs-5xl));letter-spacing:-.04em;margin-top:var(--sp-4);font-weight:800;line-height:1.02}.contact__lead{margin:var(--sp-5) auto 0;max-width:46ch;color:var(--text-2);font-size:var(--fs-lg);text-wrap:pretty;line-height:1.6}.cmail{align-items:stretch;gap:var(--sp-3);max-width:560px;margin:var(--sp-8) auto 0;text-align:left;display:flex}.cmail__link{align-items:center;gap:var(--sp-4);min-width:0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--glass-border);border-radius:var(--r-lg);background:var(--glass), var(--glass-solid);box-shadow:var(--glass-inset);transition:transform var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease), background var(--d-micro) var(--ease);flex:1;display:flex}.cmail__link:hover{border-color:var(--accent-a32);background:var(--glass), var(--accent-a08);transform:translateY(-2px)}.cmail__icon{border-radius:var(--r-md);background:var(--accent-a16);width:44px;height:44px;color:var(--accent-bright);flex:none;place-items:center;display:grid}.cmail__text{flex-direction:column;gap:2px;min-width:0;display:flex}.cmail__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:10px}.cmail__value{font-size:var(--fs-lg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cmail__go{color:var(--text-3);transition:transform var(--d-micro) var(--ease), color var(--d-micro) var(--ease);flex:none;margin-left:auto}.cmail__link:hover .cmail__go{color:var(--accent-bright);transform:translate(2px,-2px)}.cmail__copy{justify-content:center;align-items:center;gap:var(--sp-2);min-width:104px;padding:0 var(--sp-4);border:1px solid var(--line-2);border-radius:var(--r-lg);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);transition:color var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease), background var(--d-micro) var(--ease);flex:none;display:inline-flex}.cmail__copy:hover{color:var(--text);border-color:var(--accent-a32);background:var(--accent-a08)}.ccards{gap:var(--sp-3);max-width:560px;margin:var(--sp-3) auto 0;grid-template-columns:repeat(2,1fr);display:grid}.ccard{align-items:center;column-gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;height:100%;transition:transform var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease), background var(--d-micro) var(--ease);grid-template-columns:auto 1fr auto;grid-template-areas:"icon label go""icon value go";display:grid}.ccard:hover{border-color:var(--accent-a32);background:var(--accent-a08);transform:translateY(-2px)}.ccard__icon{border-radius:var(--r-sm);border:1px solid var(--line);width:36px;height:36px;color:var(--text-2);grid-area:icon;place-items:center;display:grid}.ccard__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);grid-area:label;font-size:10px}.ccard__value{min-width:0;font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-weight:500;overflow:hidden}.ccard__go{color:var(--text-3);transition:transform var(--d-micro) var(--ease), color var(--d-micro) var(--ease);grid-area:go}.ccard:hover .ccard__go{color:var(--accent-bright);transform:translate(2px,-2px)}.contact__meta{margin-top:var(--sp-7);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}@media (max-width:560px){.cmail{flex-direction:column}.cmail__copy{justify-content:center;min-height:48px}.ccards{grid-template-columns:1fr}}.footer{border-top:1px solid var(--line);padding:var(--sp-8) 0}.footer__inner{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.footer__mark{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.04em;color:var(--accent-bright)}.footer__note,.footer__copy{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal{z-index:9999;padding:var(--sp-5);place-items:center;display:grid;position:fixed;inset:0}.modal__scrim{background:#04060cb8;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.modal__scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.modal__panel{border-radius:var(--r-xl);flex-direction:column;width:min(980px,100%);max-height:min(88svh,820px);display:flex;position:relative;overflow:hidden}.modal__panel:focus-visible{box-shadow:var(--glass-inset), var(--card-shadow), var(--focus-ring)}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-5);padding:var(--sp-6) var(--sp-6) var(--sp-5);border-bottom:1px solid var(--line);display:flex}.modal__title{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.03em;font-weight:700;line-height:1.1}.modal__sub{margin-top:var(--sp-2);color:var(--text-2);font-size:var(--fs-sm);max-width:62ch;line-height:1.55}.modal__close{border:1px solid var(--line-2);width:36px;height:36px;color:var(--text-2);transition:color var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease), background var(--d-micro) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.modal__close:hover{color:var(--text);border-color:var(--accent);background:var(--accent-a08)}.modal__body{padding:var(--sp-6);overscroll-behavior:contain;overflow-y:auto}@media (max-width:640px){.modal{place-items:end stretch;padding:0}.modal__panel{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92svh}.modal__head,.modal__body{padding:var(--sp-5)}}.demo{gap:var(--sp-6);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.demo--perf,.demo--a11y{grid-template-columns:1fr}.demo--a11y{grid-template-columns:1fr 1fr}@media (max-width:760px){.demo,.demo--a11y{grid-template-columns:1fr}}.demo__hint{margin-top:var(--sp-4);color:var(--text-3);font-size:var(--fs-sm);text-wrap:pretty;line-height:1.6}.demo__chip{align-items:center;gap:var(--sp-2);padding:5px var(--sp-3);border-radius:var(--r-full);border:1px solid var(--line-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);transition:color var(--d-micro) var(--ease), border-color var(--d-micro) var(--ease), background var(--d-micro) var(--ease);display:inline-flex}.demo__chip:hover{color:var(--text);border-color:var(--accent)}.demo__chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.demo__stage{flex-direction:column;display:flex}.demo__track{height:220px;padding:var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(120% 100% at 0% 50%, var(--accent-a08), transparent 60%), var(--bg-1);align-items:center;display:flex;position:relative;overflow:hidden}.demo__puck{border-radius:var(--r-md);text-align:center;width:116px;height:116px;padding:var(--sp-3);background:var(--grad-accent);color:var(--accent-ink);will-change:transform;cursor:grab;touch-action:none;place-items:center;display:grid;box-shadow:0 18px 40px -12px #4361ff99}.demo__puck:active{cursor:grabbing}.demo__puck-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-size:10px}.demo__plot{border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-1);height:132px;position:relative;overflow:hidden}.demo__plot svg{width:100%;height:100%}.demo__plot-line{fill:none;stroke:var(--accent-bright);stroke-width:2px}.demo__plot-rest{stroke:var(--line-2);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.demo__plot-tag{top:var(--sp-2);left:var(--sp-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:10px;position:absolute}.demo__readout{gap:var(--sp-2);margin:var(--sp-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.demo__readout dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:10px}.demo__readout dd{font-family:var(--font-mono);font-size:var(--fs-base);color:var(--text);margin-top:2px}@media (max-width:560px){.demo__readout dd{font-size:var(--fs-sm)}}.demo__slider{margin-top:var(--sp-4);display:block}.demo__slider-head{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);margin-bottom:var(--sp-2);justify-content:space-between;display:flex}.demo__slider-head output{color:var(--accent-bright)}.demo__slider input[type=range]{appearance:none;border-radius:var(--r-full);background:var(--bg-3);outline:none;width:100%;height:4px}.demo__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-bright);border:2px solid var(--bg);cursor:grab;border-radius:50%;width:16px;height:16px}.demo__slider input[type=range]::-moz-range-thumb{border:2px solid var(--bg);background:var(--accent-bright);cursor:grab;border-radius:50%;width:16px;height:16px}.demo__presets{gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.perf__bar{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.perf__modes{gap:var(--sp-2);display:flex}.perf__auto{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);cursor:pointer;display:inline-flex}.perf__auto input{accent-color:var(--accent);width:15px;height:15px}.perf__stats{gap:var(--sp-3);margin:var(--sp-5) 0;grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:560px){.perf__stats{grid-template-columns:repeat(2,1fr)}}.perf__stat{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-1)}.perf__stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:10px;display:block}.perf__stat-value{font-family:var(--font-mono);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;color:var(--text);margin-top:2px;display:block}.perf__stat[data-tone=good] .perf__stat-value{color:#4ade80}.perf__stat[data-tone=warn] .perf__stat-value{color:#fbbf24}.perf__stat[data-tone=bad] .perf__stat-value{color:#f87171}.perf__viewport{overscroll-behavior:contain;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-1);content-visibility:auto;height:320px;overflow-y:auto}.perf__row{align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);grid-template-columns:1fr 1fr auto;display:grid}.perf__ref{color:var(--accent-bright)}.perf__amt{color:var(--text);font-variant-numeric:tabular-nums}@media (max-width:560px){.perf__city{display:none}.perf__row{grid-template-columns:1fr auto}}.a11y__col{min-width:0}.a11y__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-2);display:block}.a11y__field{position:relative}.a11y__input{width:100%;padding:var(--sp-3) var(--sp-8) var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--bg-1);color:var(--text);font-family:inherit;font-size:var(--fs-base);transition:border-color var(--d-micro) var(--ease);outline:none}.a11y__input::placeholder{color:var(--text-3)}.a11y__input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}.a11y__toggle{width:42px;height:100%;color:var(--text-3);place-items:center;display:grid;position:absolute;top:0;right:0}.a11y__toggle svg{transition:transform var(--d-micro) var(--ease)}.a11y__list{z-index:5;overscroll-behavior:contain;border-radius:var(--r-md);border:1px solid var(--glass-border);background:var(--bg-2);max-height:232px;box-shadow:var(--card-shadow);display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.a11y__list.is-open{display:block}.a11y__option{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-2);cursor:pointer;display:flex}.a11y__option.is-active{background:var(--accent-a16);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.a11y__empty{padding:var(--sp-4);font-size:var(--fs-sm);color:var(--text-3)}.a11y__state{margin-top:var(--sp-5);gap:var(--sp-2);display:grid}.a11y__state>div{justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.a11y__state dt{color:var(--text-3)}.a11y__state dd{color:var(--accent-bright)}.a11y__sr-head{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-3);display:inline-flex}.a11y__sr-log{gap:var(--sp-2);min-height:190px;padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-1);flex-direction:column;display:flex}.a11y__sr-line{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);padding-left:var(--sp-3);border-left:2px solid var(--line-2)}.a11y__sr-line[data-fresh=true]{color:var(--text);border-left-color:var(--accent)}.a11y__sr-idle{font-size:var(--fs-xs);color:var(--text-3);line-height:1.6}.demo kbd{font-family:var(--font-mono);border:1px solid var(--line-2);background:var(--bg-2);color:var(--text-2);border-radius:4px;padding:2px 5px;font-size:10px}.workpage__head{padding-top:calc(var(--sp-11) + var(--sp-6));padding-bottom:var(--sp-8);background:radial-gradient(80% 100% at 50% 0%, var(--accent-a08), transparent 70%);position:relative}.workpage__back{align-items:center;gap:var(--sp-2);width:fit-content;min-height:32px;margin-bottom:var(--sp-6);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);display:flex}.workpage__back:hover{color:var(--text)}.workpage__title{font-family:var(--font-display);font-size:clamp(34px, 6vw, var(--fs-5xl));letter-spacing:-.02em;margin-top:var(--sp-3);text-wrap:balance;font-weight:800;line-height:1.04}.workpage__list{padding-top:var(--sp-7)}.wgrid{gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:860px){.wgrid{grid-template-columns:1fr}}.wgrid>*{height:100%}.wcard{border-radius:var(--r-lg);height:100%;transition:transform var(--d-el) var(--ease), border-color var(--d-el) var(--ease);flex-direction:column;display:flex;overflow:hidden}.wcard:hover{border-color:var(--p-a32);box-shadow:var(--glass-inset), var(--card-shadow), 0 24px 60px -30px var(--p-glow);transform:translateY(-4px)}.wcard:hover .wcard__media{border-bottom-color:var(--p-a32)}.wcard:hover .pcard__tech li{border-color:var(--p-a16)}.wcard__media{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:var(--bg-1);position:relative;overflow:hidden}.wcard__media .pcard__shot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--d-section) var(--ease)}.wcard:hover .pcard__shot{transform:scale(1.03)}.wcard__body{padding:var(--sp-6);flex-direction:column;flex:1;display:flex}.wcard__title{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.025em;margin-top:var(--sp-3);font-weight:700;line-height:1.1}.wcard__sub{color:var(--text-3);font-size:var(--fs-sm);margin-top:var(--sp-1)}.wcard__role{margin-top:var(--sp-4);font-size:var(--fs-sm)}.wcard__summary{margin-top:var(--sp-4);color:var(--text-2);font-size:var(--fs-sm);text-wrap:pretty;line-height:1.65}.wcard__private{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-2) var(--sp-3);border:1px dashed var(--line-2);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);line-height:1.5;display:flex}.wcard__private svg{flex:none}.wcard__tech{margin-top:var(--sp-4)}.wcard__links{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-top:var(--sp-5);flex-wrap:wrap;margin-top:auto;display:flex}.wcard__live{align-items:center;gap:var(--sp-2);min-height:44px;font-size:var(--fs-sm);color:var(--text-3);display:inline-flex}.wcard__live:hover{color:var(--text)}.wcard__title-link:after{content:"";z-index:1;position:absolute;inset:0}.wcard{position:relative}.wcard__links,.wcard__media{z-index:2;position:relative}.workpage__cta{text-align:center;border-top:1px solid var(--line);background:radial-gradient(70% 100% at 50% 0%, var(--accent-a08), transparent 70%)}.work__more{margin-top:var(--sp-9);justify-content:center;display:flex}.work__more-link{align-items:center;gap:var(--sp-3);min-height:52px;padding:0 var(--sp-6);border:1px solid var(--line-2);border-radius:var(--r-full);transition:border-color var(--d-micro) var(--ease), background var(--d-micro) var(--ease), transform var(--d-micro) var(--ease);font-weight:600;display:inline-flex}.work__more-link:hover{border-color:var(--accent-a32);background:var(--accent-a08);transform:translateY(-2px)}.work__more-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent-bright)}.pfield{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.pfield__canvas{display:block;position:absolute;inset:0}.pfield__fallback{background:radial-gradient(46% 34% at 50% 30%, var(--accent-a16), transparent 70%), radial-gradient(30% 24% at 62% 38%, #4361ff1a, transparent 70%);position:absolute;inset:0}.pfield:after{content:"";pointer-events:none;background:radial-gradient(80% 70% at 50% 34%, transparent 45%, var(--bg) 100%);position:absolute;inset:0}