:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e6ece3;--surface:#f5f7f1;--surface-2:#edf1e8;--ink:#17201b;--muted:#536059;--line:#17201b14;--line-strong:#17201b29;--primary:#4a44d4;--primary-hover:#3d37bd;--on-primary:#f5f7f1;--accent:#f2b53c;--ring:#4a44d473;--scrim:#17201b52;--shadow-overlay:0 24px 64px #17201b2e, 0 4px 12px #17201b14;--card-bg:#f5f7f1db;--scene-ground:#dce6d4;--scene-path:#ead9b4;--scene-path-edge:#c9b48a;--scene-tint:#fff;--scene-print:#b9a57c;--scene-dust:#f1e4c6;--scene-ring:#4a44d4;--scene-confetti-1:#e58a6f;--scene-confetti-2:#f3d27a;--scene-confetti-3:#8ec5d6;--scene-confetti-4:#4a44d4;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--t-display:clamp(56px, 9vw, 120px);--t-h2-big:clamp(40px, 5vw, 64px);--t-h2:40px;--t-h3:24px;--t-body:16px;--t-sm:14px;--t-xs:12px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-sm:8px;--r-md:16px;--r-lg:28px;--r-full:999px;--ease:cubic-bezier(.2, .8, .2, 1);--dur-fast:.15s;--dur:.22s;--dur-slow:.35s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}.skip-link{left:var(--s4);top:var(--s4);z-index:50;padding:var(--s2) var(--s4);border-radius:var(--r-sm);background:var(--primary);color:var(--on-primary);transition:transform var(--dur) var(--ease);text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.display{font-family:var(--font-display);font-weight:700;font-size:var(--t-display);letter-spacing:-.03em;line-height:.95}.h2{font-family:var(--font-display);font-weight:600;font-size:var(--t-h2);letter-spacing:-.02em;line-height:1.05}.h2--big{font-size:var(--t-h2-big)}.lede{color:var(--ink);max-width:44ch;font-size:18px;line-height:1.55}.body{color:var(--muted);max-width:60ch}.eyebrow{font-family:var(--font-mono);font-weight:500;font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.scene{z-index:0;opacity:0;width:100%;height:100dvh;transition:opacity .4s var(--ease);display:block;position:fixed;top:0;bottom:0;left:0;right:0}.is-3d .scene{opacity:1}.is-static .scene{display:none}.track{z-index:1;position:relative}.work{display:contents}.station{min-height:110dvh;padding:var(--s9) var(--s5);align-items:center;max-width:1200px;margin:0 auto;display:grid}.station[data-side=left]{justify-items:start}.station[data-side=right]{justify-items:end}.station--hero{min-height:100dvh}.station--finish{min-height:100dvh;padding-bottom:var(--s10);position:relative}.site-footer{padding:var(--s5) var(--s5) 96px;text-align:center;font-size:var(--t-sm);color:var(--muted);position:absolute;bottom:0;left:0;right:0}.is-static .site-footer{padding:var(--s7) 0 0;position:static}.noscript{padding:var(--s5);max-width:60ch;margin:0 auto}@media (max-width:767px){.station{padding:var(--s8) var(--s4) var(--s9);align-items:end;justify-items:stretch!important}.station--hero{align-items:end}.h2{font-size:32px}}.is-static .station{min-height:0;padding:var(--s8) var(--s5);justify-items:stretch!important}.is-static .station--hero{align-items:end;min-height:72dvh}.is-static .work{gap:var(--s5);max-width:1200px;padding:0 var(--s5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;display:grid}.is-static .work .station{padding:0}html:has(dialog[open]){overflow:hidden}.site-header{z-index:20;height:64px;padding:0 var(--s5);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.site-header.is-scrolled{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--line)}.logo{align-items:center;gap:var(--s2);font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.logo__dot{border-radius:var(--r-full);background:var(--primary);width:12px;height:12px;transition:transform var(--dur) var(--ease)}.logo:hover .logo__dot{transform:scale(1.3)}.site-header__actions{align-items:center;gap:var(--s4);display:flex}.link-quiet{color:var(--ink);font-weight:500;font-size:var(--t-sm);padding:var(--s3) var(--s2);text-decoration:none}.link-quiet:hover{color:var(--primary)}.icon-btn{border:1px solid var(--line-strong);border-radius:var(--r-full);background:var(--card-bg);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease), border-color var(--dur) var(--ease);place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--primary)}.icon-btn:active{transform:scale(.96)}.hud{left:var(--s5);bottom:var(--s5);z-index:15;gap:var(--s1) var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--card-bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:auto auto;align-items:baseline;min-width:220px;display:grid;position:fixed}.is-static .hud{display:none}.hud__label{color:var(--muted);white-space:nowrap;overflow:hidden}.hud__label.is-swapping{animation:label-in var(--dur-slow) var(--ease)}.hud__km{color:var(--ink);font-variant-numeric:tabular-nums;justify-self:end}.hud__bar{border-radius:var(--r-full);background:var(--surface-2);grid-column:1/-1;height:4px;overflow:hidden}.hud__fill{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}@keyframes label-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.station__card{width:min(100%,440px);padding:var(--s6);border-radius:var(--r-md);background:var(--card-bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);gap:var(--s3);display:grid}.station__card>.h2{margin-bottom:var(--s1)}.station__card--hero{-webkit-backdrop-filter:none;gap:var(--s4);background:0 0;border-color:#0000;width:min(100%,560px);padding:0}.station__card--hero .display{margin:var(--s1) 0 var(--s2)}.is-3d .station__card{opacity:0;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);transform:translateY(24px)}.is-3d .station[data-side=left] .station__card{transform:translate(-24px)}.is-3d .station[data-side=right] .station__card{transform:translate(24px)}.is-3d .station.is-active .station__card{opacity:1;transform:none}.is-3d .station.is-active .station__card>*{animation:rise var(--dur-slow) var(--ease) both}.is-3d .station.is-active .station__card>:nth-child(2){animation-delay:60ms}.is-3d .station.is-active .station__card>:nth-child(3){animation-delay:.12s}.is-3d .station.is-active .station__card>:nth-child(n+4){animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.project-meta{gap:var(--s2) var(--s4);font-size:var(--t-sm);color:var(--muted);flex-wrap:wrap;display:flex}.project-cover{border-radius:var(--r-sm);aspect-ratio:16/10;object-fit:cover;background:var(--surface-2);width:100%;display:none}.is-static .project-cover{display:block}.scroll-hint{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r-full);border:1px solid var(--line-strong);background:var(--card-bg);font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);animation:bob 1.2s var(--ease) infinite alternate;transition:opacity var(--dur-slow) var(--ease);justify-self:start;display:inline-flex}.scroll-hint.is-hidden{opacity:0}.scroll-hint__dot{border-radius:var(--r-full);background:var(--primary);width:8px;height:8px}.is-static .scroll-hint{display:none}@keyframes bob{to{transform:translateY(4px)}}.btn{min-height:48px;padding:0 var(--s5);justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r-full);font-weight:500;font-size:var(--t-body);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur-fast) var(--ease);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--sm{min-height:44px;padding:0 var(--s4);font-size:var(--t-sm);justify-self:start}.btn:disabled{opacity:.5;cursor:not-allowed}.btn__label,.btn__icon{transition:transform var(--dur) var(--ease)}.btn__icon--check,.btn.is-done .btn__icon--copy{display:none}.btn.is-done .btn__icon--check{display:inline}.magnetic{will-change:transform}.cta-row{gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap;display:flex}.chips{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.chip{padding:var(--s1) var(--s3);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:var(--t-sm);color:var(--ink);cursor:default;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease);font-weight:500}.chip:hover{border-color:var(--primary);transform:translateY(-2px)rotate(-3deg)}.chip:focus-visible{border-color:var(--primary);transform:translateY(-2px)rotate(-3deg)}.chip:nth-child(2n):hover{transform:translateY(-2px)rotate(3deg)}.chip:nth-child(2n):focus-visible{transform:translateY(-2px)rotate(3deg)}.chips--quiet .chip{background:0 0}.island-tip{z-index:12;pointer-events:none;padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--ink);color:var(--bg);font-size:var(--t-sm);white-space:nowrap;opacity:0;transition:opacity var(--dur-fast) var(--ease);font-weight:500;position:fixed;top:0;left:0}.island-tip.is-on{opacity:1}.scene.is-pointer{cursor:pointer}.case{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);width:min(100% - 32px,720px);max-height:min(100dvh - 32px,880px);color:var(--ink);box-shadow:var(--shadow-overlay);overscroll-behavior:contain;padding:0;overflow:auto}.case::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px)}.case[open]{animation:case-in .3s var(--ease)}.case[open] .case__media img{animation:wipe .6s var(--ease) 80ms both}.case.is-closing{animation:case-out .2s var(--ease) forwards}@keyframes case-in{0%{opacity:0;transform:scale(.96)}}@keyframes case-out{to{opacity:0;transform:scale(.98)}}@keyframes wipe{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.case__close-form{z-index:2;justify-content:flex-end;height:0;display:flex;position:sticky;top:0}.case__close{margin:var(--s4)}.case__media{background:var(--surface-2);aspect-ratio:16/10}.case__media img{object-fit:cover;width:100%;height:100%}.case__body{padding:var(--s6);gap:var(--s3);display:grid}.case__body .h2{margin-bottom:var(--s1)}.case__facts{gap:var(--s5);margin:var(--s4) 0 var(--s2);padding-top:var(--s4);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.case__facts dt{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s1)}.case__facts dd{font-size:var(--t-sm)}.case .btn{margin-top:var(--s3);justify-self:start}@media (max-width:767px){.case{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:92dvh;margin:auto 0 0}.case__facts{grid-template-columns:1fr}.case__body{padding:var(--s5)}}.toast{left:50%;bottom:var(--s6);z-index:40;padding:var(--s3) var(--s5);border-radius:var(--r-full);background:var(--ink);color:var(--bg);font-size:var(--t-sm);opacity:0;pointer-events:none;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);font-weight:500;position:fixed;transform:translate(-50%,16px)}.toast.is-on{opacity:1;transform:translate(-50%)}.is-loading .hud__label:after{content:"…"}@media (max-width:767px){.hud{left:var(--s4);right:var(--s4);min-width:0;top:72px;bottom:auto}.station__card{width:100%;padding:var(--s5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.is-static .station__card{width:min(100%,720px)}.is-static .work .station__card{align-content:start;width:100%;height:100%}.is-static .station__card--hero{width:min(100%,720px)}