@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--bg-elev:#141414;--fg:#f4f2ec;--fg-muted:#a0a09a;--fg-faint:#5a5854;--hairline:#1f1f1f;--neon:#c6ff00;--neon-press:#b0e600;--danger:#ff3d00;--scrim:#000000b3;--link:var(--fg);--link-hover:var(--neon);--focus-ring:var(--neon);--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--t-mono-xs:10px;--t-mono-sm:12px;--t-body-sm:14px;--t-body:16px;--t-body-lg:18px;--t-h4:24px;--t-h3:32px;--t-h2:48px;--t-h1:72px;--t-display:clamp(72px, 14vw, 240px);--lh-tight:.95;--lh-snug:1.15;--lh-normal:1.55;--tr-display:-.04em;--tr-tight:-.02em;--tr-normal:0;--tr-loose:.08em;--s-0:0px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--s-11:192px;--r-sharp:0px;--r-input:2px;--r-pill:999px;--bw-hair:1px;--bw-bold:2px;--sh-none:none;--sh-modal:0 24px 64px #0009;--sh-glow:0 0 24px #c6ff0073;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--d-fast:.12s;--d-base:.22s;--d-slow:.48s;--d-marquee:40s;--max-w:1440px;--gutter:24px;--nav-h:72px;--grain-opacity:.2}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;margin:0;padding:0}@media (hover:hover) and (pointer:fine){html,body,button,a,input,textarea,[role=button]{cursor:none}}h1,.h1{font-family:var(--font-display);font-weight:600;font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:var(--tr-display);margin:0}h2,.h2{font-family:var(--font-display);font-weight:600;font-size:var(--t-h2);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);margin:0}h3,.h3{font-family:var(--font-display);font-weight:500;font-size:var(--t-h3);line-height:var(--lh-snug);letter-spacing:var(--tr-tight);margin:0}h4,.h4{font-family:var(--font-display);font-weight:500;font-size:var(--t-h4);line-height:var(--lh-snug);letter-spacing:var(--tr-tight);margin:0}p{font-size:var(--t-body);line-height:var(--lh-normal);text-wrap:pretty;max-width:60ch;margin:0}.display{font-family:var(--font-display);font-weight:600;font-size:var(--t-display);line-height:var(--lh-tight);letter-spacing:var(--tr-display)}.label,.mono-label{font-family:var(--font-mono);font-size:var(--t-mono-sm);letter-spacing:var(--tr-loose);text-transform:uppercase;color:var(--fg-muted);font-weight:500}.mono{font-family:var(--font-mono);font-size:var(--t-body-sm)}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.neon{color:var(--neon)}a{color:var(--link);background-image:linear-gradient(var(--neon), var(--neon));transition:background-size var(--d-base) var(--ease-out), color var(--d-base) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none}a:hover{background-size:100% 1px}::selection{background:var(--neon);color:#0a0a0a}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.hr{border:0;border-top:var(--bw-hair) solid var(--hairline);margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:999px}::-webkit-scrollbar-track{background:0 0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.section-pad{padding:96px 32px}.section-pad-top{padding:96px 32px 48px}.section-pad-sm{padding:0 32px 96px}.grid-2col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3col{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.grid-meta{grid-template-columns:1fr 2fr;gap:64px;display:grid}.grid-about,.grid-exp{grid-template-columns:1fr 1fr;gap:64px;display:grid}.grid-footer{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.hero-section{flex-direction:column;gap:64px;padding:80px 32px 64px;display:flex}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.case-header-meta{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:flex-start;gap:clamp(28px,5vw,72px);margin-top:clamp(32px,4vw,48px);padding-top:clamp(28px,3.5vw,40px);display:flex}.case-meta-item{min-width:0}.award-logos{flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,40px);display:flex}.award-logo{width:auto;height:38px;display:block}.tech-logos{flex-wrap:wrap;align-items:center;gap:clamp(28px,4vw,52px);display:flex}.tech-logo{filter:brightness(0)invert()sepia(.06)brightness(.98);width:auto;height:32px;display:block}.framed-media{border:1px solid var(--hairline);border-radius:var(--fm-radius,24px);aspect-ratio:var(--fm-ratio,16 / 9);background:radial-gradient(ellipse at 30% 30%, hsla(var(--fm-hue,60), 90%, 60%, .18), transparent 60%), linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);position:relative;overflow:hidden}.framed-media>img,.framed-media>video{object-fit:cover}.framed-media-fallback{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.framed-media-scrim{z-index:2;pointer-events:none;background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}@media (max-width:768px){.framed-media{aspect-ratio:var(--fm-ratio-m,var(--fm-ratio,16 / 9))}}.case-approach-grid{background:var(--hairline);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:24px;padding:clamp(24px,3.5vw,40px) clamp(20px,3vw,28px)}.stat-card.is-accent{border-top:3px solid var(--neon)}.stat-value{font-family:var(--font-display);letter-spacing:-.04em;color:var(--neon);margin-bottom:12px;font-size:clamp(28px,5vw,56px);font-weight:600;line-height:1}.stat-unit{color:var(--fg-muted);font-size:.55em}.stat-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;line-height:1.5}.takeaway-metrics{grid-template-columns:repeat(4,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(36px,5vw,60px);display:grid}.takeaway-metric-value{font-family:var(--font-display);letter-spacing:-.04em;color:var(--neon);font-size:clamp(38px,5.5vw,68px);font-weight:600;line-height:1;display:inline-block;position:relative}.takeaway-metric-unit{color:var(--fg-muted);font-size:.5em}.takeaway-metric-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:14px;font-size:11px;line-height:1.5}.reaction-sticker{z-index:4;pointer-events:none;transform-origin:bottom;width:58px;position:absolute;bottom:calc(100% - 58px);right:-48px}.reaction-sticker img{filter:drop-shadow(0 8px 18px #0000008c);opacity:0;width:100%;height:auto;transition:opacity .32s,transform .56s cubic-bezier(.34,1.56,.64,1);display:block;transform:scale(.3)rotate(-10deg)}.reaction-sticker.is-in img{opacity:1;transform:scale(1)rotate(-7deg)}.takeaway-metric:hover .reaction-sticker.is-in img{animation:.65s sticker-wiggle}@keyframes sticker-wiggle{0%,to{transform:scale(1)rotate(-7deg)}25%{transform:scale(1.08)rotate(3deg)}50%{transform:scale(1.08)rotate(-13deg)}75%{transform:scale(1.08)rotate(1deg)}}@media (max-width:768px){.reaction-sticker{width:42px;bottom:calc(100% - 40px);right:-40px}}@media (prefers-reduced-motion:reduce){.reaction-sticker img{transition:opacity .2s;transform:rotate(-7deg)}.reaction-sticker.is-in img{transform:rotate(-7deg)}.takeaway-metric:hover .reaction-sticker.is-in img{animation:none}}.takeaway-highlights{grid-template-columns:1fr 1fr;gap:clamp(24px,3.5vw,40px) clamp(40px,6vw,80px);max-width:880px;margin-top:clamp(44px,6vw,72px);display:grid}.takeaway-highlight-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);margin-bottom:10px;font-size:11px}.takeaway-highlight-blurb{font-family:var(--font-display);color:var(--fg-muted);margin:0;font-size:clamp(15px,1.6vw,17px);line-height:1.5}.differently{border:1px solid var(--neon);background:color-mix(in srgb, var(--neon) 4%, transparent);border-radius:24px;padding:clamp(24px,4vw,48px)}.differently-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--neon);margin-bottom:14px;font-size:11px}.differently-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0 0 clamp(16px,2vw,22px);font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.15}.differently-body{font-family:var(--font-display);color:var(--fg-muted);white-space:pre-line;max-width:68ch;margin:0;font-size:clamp(15px,1.6vw,17px);line-height:1.65}.differently-rows{margin-top:clamp(24px,3vw,36px)}.differently-row{border-top:1px solid color-mix(in srgb, var(--neon) 18%, transparent);grid-template-columns:minmax(120px,.55fr) 1fr 24px 1fr;align-items:baseline;gap:clamp(12px,2vw,24px);padding:clamp(14px,1.8vw,20px) 0;display:grid}.differently-row-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);border-top:0;padding:0 0 10px;font-size:11px}.differently-row-head span:last-child{color:var(--neon)}.differently-topic{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);font-size:11px}.differently-then,.differently-now{font-family:var(--font-display);margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.5}.differently-then{color:var(--fg-muted)}.differently-now{color:var(--fg)}.differently-arrow{color:var(--neon);font-family:var(--font-display)}.differently-tag{display:none}.differently .approach-tasks{margin-top:clamp(24px,3vw,32px)}@media (max-width:768px){.differently-row{grid-template-columns:1fr;gap:14px}.differently-row-head,.differently-arrow{display:none}.differently-topic{margin-bottom:2px}.differently-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:4px;font-size:10px;display:block}.differently-now .differently-tag{color:var(--neon)}}.takeaway-close{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(20px,3vw,40px);margin-top:clamp(28px,4vw,40px);display:grid}.case-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.hero-inner.no-collage{grid-template-columns:1fr}.hero-collage{height:560px;position:relative}.hero-text{flex-direction:column;justify-content:center;height:100%;display:flex}.marquee-text{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:16px;font-size:32px;font-weight:600;display:inline-flex}.marquee-divider{font-size:16px}.marquee-logo{height:32px}@media (max-width:768px){:root{--nav-h:60px;--gutter:16px}.hero-section{gap:40px;padding:48px 20px 40px}.hero-scroll-hint{display:none}.hero-inner{grid-template-columns:1fr;gap:32px}.hero-collage{order:-1;height:260px}.section-pad{padding:64px 20px}.section-pad-top{padding:64px 20px 32px}.section-pad-sm{padding:0 20px 64px}.grid-2col,.grid-3col{grid-template-columns:1fr}.grid-meta,.grid-about,.grid-exp{grid-template-columns:1fr;gap:40px}.grid-footer{grid-template-columns:1fr 1fr;gap:32px}.marquee-text{gap:10px;font-size:18px}.marquee-divider{font-size:12px}.marquee-logo{height:20px}.case-approach-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.case-gallery-grid,.takeaway-close{grid-template-columns:1fr!important}.takeaway-metrics{grid-template-columns:repeat(2,1fr)!important;gap:clamp(22px,5vw,32px)!important}.takeaway-highlights{grid-template-columns:1fr!important}.filter-row{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;flex-wrap:nowrap!important}.filter-row::-webkit-scrollbar{display:none}}@media (max-width:480px){.grid-footer{grid-template-columns:1fr}}.about-bio p{font-family:var(--font-display);color:var(--fg-muted);max-width:none;margin:0;font-size:16px;line-height:1.55}.about-bio a{color:var(--neon)}.about-page-bio p{font-family:var(--font-display);color:var(--fg-muted);max-width:55ch;margin:0;font-size:20px;line-height:1.5}.about-page-bio a{color:var(--neon)}.case-body p{font-family:var(--font-display);color:var(--fg-muted);max-width:60ch;margin:0 0 20px;font-size:17px;line-height:1.6}.case-body h2,.case-body h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:32px 0 12px;font-weight:500}.case-body h3{font-size:24px}.case-body h2{font-size:30px}.case-body strong{color:var(--neon);font-weight:500}.case-body a{color:var(--neon)}.case-body img{border:1px solid var(--hairline);max-width:100%;height:auto;margin:24px 0}@keyframes emojiFloat{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--r,0deg) + 6deg))}}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}@media (max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.card-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:12px;display:flex;overflow-x:auto}.card-grid::-webkit-scrollbar{display:none}.card-grid>*{scroll-snap-align:start;flex:0 0 84%}}.gallery-stack{flex-direction:column;gap:clamp(16px,3vw,32px);display:flex}.gallery-feature{display:block}.gallery-grid-4{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gallery-panels{align-items:stretch;gap:16px;display:flex}.gallery-panel{flex:1 1 0;min-width:0;margin:0;transition:flex-grow .8s cubic-bezier(.65,0,.35,1)}.gallery-panel:hover{flex-grow:3.2}.gallery-media{border:1px solid var(--hairline);background:var(--bg-elev);border-radius:24px;position:relative;overflow:hidden}.gallery-panels .gallery-media{height:calc(42.86vw - 34.288px)}.gallery-feature .gallery-media{aspect-ratio:21/9}.gallery-grid-4 .gallery-media{aspect-ratio:16/10}.gallery-media>img,.gallery-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gallery-panel figcaption{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:12px;font-size:12px;overflow:hidden}@media (max-width:768px){.gallery-panels{flex-direction:column}.gallery-panel,.gallery-panel:hover{flex:auto}.gallery-panels .gallery-media{aspect-ratio:7/6;height:auto}.gallery-grid-4{grid-template-columns:1fr}.gallery-feature .gallery-media{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.gallery-panel,.gallery-panel:hover{transition:none}}.approach-stack{position:relative}.approach-tabs{z-index:60;background:linear-gradient(var(--bg) 78%, transparent);flex-wrap:wrap;gap:8px;margin-bottom:4px;padding-bottom:20px;display:flex;position:sticky;top:72px}.approach-tab{border:1px solid var(--hairline);cursor:pointer;color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:baseline;gap:8px;padding:8px 14px;font-size:11px;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.approach-tab:hover{color:var(--fg);border-color:var(--fg-faint)}.approach-tab.is-active{color:#0a0a0a;background:var(--neon);border-color:var(--neon)}.approach-tab-num{opacity:.7;font-size:10px}.approach-tab.is-active .approach-tab-num{opacity:.6}.approach-cards{position:relative}.approach-card{border:1px solid var(--hairline);background:var(--bg-elev);scroll-margin-top:var(--approach-base);border-radius:24px;grid-template-columns:minmax(0,1fr) min(1000px,50%);align-items:center;gap:clamp(28px,4vw,56px);margin-bottom:clamp(24px,4vh,48px);padding:clamp(28px,4vw,56px);display:grid;position:sticky;box-shadow:0 -24px 60px -30px #000000b3}.approach-card:last-child{margin-bottom:0}.approach-text{flex-direction:column;justify-content:center;display:flex}.approach-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-faint);margin-bottom:20px;font-size:13px;font-weight:500;line-height:1}.approach-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);margin-bottom:14px;font-size:11px}.approach-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0 0 16px;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.05}.approach-desc{font-family:var(--font-display);color:var(--fg-muted);margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.6}.approach-tasks{flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2.5vw,28px);display:flex}.approach-chip{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px}.approach-media{aspect-ratio:4/3;border:1px solid var(--hairline);background:var(--bg);border-radius:16px;width:100%;position:relative;overflow:hidden}.approach-media>img,.approach-media>video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.approach-media-empty{z-index:1;font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg-faint);place-items:center;font-size:clamp(48px,8vw,120px);font-weight:600;display:grid;position:absolute;inset:0}.approach-carousel,.approach-dots{display:none}@media (max-width:768px){.approach-stack{display:none}.approach-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;margin:0 -20px;padding:0 20px 4px;display:flex;overflow-x:auto}.approach-carousel::-webkit-scrollbar{display:none}.approach-slide{scroll-snap-align:center;border:1px solid var(--hairline);background:var(--bg-elev);border-radius:20px;flex-direction:column;flex:0 0 88%;gap:14px;padding:12px 12px 18px;display:flex}.approach-slide .approach-media{aspect-ratio:4/3;border-radius:12px;order:-1;height:auto}.approach-slide .approach-text{padding:0 6px}.approach-slide .approach-tasks{gap:6px;margin-top:16px}.approach-slide .approach-chip{letter-spacing:.04em;padding:5px 9px;font-size:10px}.approach-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.approach-dot{background:var(--fg-faint);border-radius:999px;width:7px;height:7px;transition:background .3s,width .3s}.approach-dot.is-active{background:var(--neon);width:22px}}@media (prefers-reduced-motion:reduce){.approach-tabs{background:0 0;position:static}.approach-card{height:auto;box-shadow:none;position:static}.approach-carousel{scroll-behavior:auto}}.stat-trigger{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg);background:var(--bg-elev);border:1px solid var(--hairline);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:13px;transition:border-color .22s,transform .22s;display:inline-flex}.stat-trigger:hover{border-color:color-mix(in srgb, var(--neon) 50%, var(--hairline));transform:translateY(-1px)}.stat-trigger-dot{background:var(--neon);width:9px;height:9px;box-shadow:0 0 8px var(--neon);border-radius:999px;flex-shrink:0}.stat-overlay{z-index:200;pointer-events:none;position:fixed;inset:0}.stat-overlay.is-open{pointer-events:auto}.stat-scrim{opacity:0;background:#0009;transition:opacity .32s;position:absolute;inset:0}.stat-overlay.is-open .stat-scrim{opacity:1}.stat-panel{background:var(--bg-elev);border-left:1px solid var(--hairline);-webkit-overflow-scrolling:touch;width:clamp(340px,92vw,468px);height:100%;padding:clamp(20px,3vw,32px);transition:transform .44s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.stat-overlay.is-open .stat-panel{transform:translate(0)}.stat-panel-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stat-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:11px}.stat-close{border:1px solid var(--hairline);width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:999px;font-size:12px;transition:color .2s,border-color .2s}.stat-close:hover{color:var(--fg);border-color:var(--fg-faint)}.stat-intro{font-family:var(--font-display);color:var(--fg);margin:0;font-size:14px;line-height:1.5}.stat-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.stat-chip{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:inline-flex}.stat-groups{flex-direction:column;gap:26px;display:flex}.stat-group-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);margin-bottom:14px;font-size:11px}.stat-row{margin-bottom:14px}.stat-row:last-child{margin-bottom:0}.stat-row-top{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.stat-name{font-family:var(--font-display);color:var(--fg);font-size:14px}.stat-level{font-family:var(--font-mono);color:var(--fg-muted);font-size:11px}.stat-track{background:var(--hairline);border-radius:999px;height:6px;overflow:hidden}.stat-fill{border-radius:999px;width:0;height:100%;transition:width .9s cubic-bezier(.16,1,.3,1);display:block}.stat-section{margin-top:28px}.stat-exp-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;display:flex}.stat-exp-row:last-child{border-bottom:0}.stat-exp-role{font-family:var(--font-display);color:var(--fg);font-size:14px}.stat-exp-period{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-muted);white-space:nowrap;font-size:11px}.stat-panel.sheet-panel{--sheet-inset:16px;top:var(--sheet-inset);right:var(--sheet-inset);height:calc(100% - var(--sheet-inset) * 2);border:1px solid var(--neon);scrollbar-width:none;transform:perspective(1400px) translateX(calc(100% + var(--sheet-inset) * 2)) rotateY(-14deg);transform-origin:100%;border-radius:24px;padding:16px 16px 40px;transition:transform .64s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 80px -30px #c6ff004d}.stat-overlay.is-open .stat-panel.sheet-panel{transform:perspective(1400px)translate(0)rotateY(0)}.sheet-in{opacity:0;transition:opacity .36s,transform .64s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.stat-overlay.is-open .sheet-in{opacity:1;transition-delay:calc(.16s + var(--i,0) * 90ms);transform:none}.sheet-hero{margin-bottom:0}.sheet-top-right{align-items:center;display:inline-flex;position:relative}.sheet-top-right .player-level{margin-right:0;transition:margin .32s cubic-bezier(.16,1,.3,1)}.sheet-close{opacity:0;pointer-events:none;border:1px solid var(--hairline);background:var(--bg-elev);width:30px;height:30px;color:var(--fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .2s,transform .32s cubic-bezier(.34,1.6,.5,1),color .2s,border-color .2s;display:inline-flex;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(.6)}.sheet-close:hover{border-color:var(--neon);color:var(--neon)}.stat-overlay.is-open .sheet-top-right .player-level{margin-right:34px;transition-delay:.3s}.stat-overlay.is-open .sheet-close{opacity:1;pointer-events:auto;transition-delay:.3s;transform:translateY(-50%)scale(1)}.stat-overlay.from-card.is-open .sheet-top-right .player-level,.stat-overlay.from-card.is-open .sheet-close{transition-delay:.64s}.stat-overlay.from-card.is-open.is-collapsing .sheet-top-right .player-level{margin-right:0;transition-delay:0s}.stat-overlay.from-card.is-open.is-collapsing .sheet-close{opacity:0;transition-delay:0s;transform:translateY(-50%)scale(.6)}.sheet-meta{margin:18px 0 26px}.sheet-meta .stat-intro{color:var(--fg-muted);margin-top:14px}.sheet-panel .stat-groups,.sheet-panel .stat-section{padding:0 4px}.sheet-panel .stat-section{margin:0 0 26px}.sheet-sticker{opacity:0;transition:transform .7s cubic-bezier(.34,1.6,.5,1) .26s,opacity .2s .26s;transform:rotate(-14deg)scale(.55)}.stat-overlay.is-open .sheet-sticker{opacity:1;transform:rotate(-6deg)scale(1)}.sheet-attr{background:var(--neon);color:#0a0a0a;letter-spacing:.08em;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:9px;display:inline-block}.sheet-panel .stat-group{border:1px solid var(--hairline);background:color-mix(in srgb, var(--neon) 2%, transparent);border-radius:16px;padding:16px}.sheet-panel .stat-level{color:var(--fg);text-align:right;min-width:2ch;font-size:12px}.sheet-panel .stat-track{height:8px;overflow:visible}.sheet-panel .stat-fill{position:relative;box-shadow:0 0 10px -2px}.sheet-panel .stat-fill:after{content:"";opacity:.9;background:currentColor;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;right:-1px;transform:translate(50%,-50%);box-shadow:0 0 12px}.player-card.is-lifted{opacity:0!important;transition:none!important}.stat-overlay.from-card .sheet-hero,.stat-overlay.from-card .sheet-sticker{opacity:1;transition:none}.stat-overlay.from-card .sheet-hero{transform:none}.stat-overlay.from-card .sheet-sticker{transform:rotate(-6deg)}.stat-overlay.from-card.is-open .sheet-in:not(.sheet-hero){transition-delay:calc(.56s + var(--i,0) * 90ms)}.stat-overlay.from-card.is-open.is-collapsing .sheet-in:not(.sheet-hero){opacity:0;transition:opacity .14s,transform .14s;transform:translateY(10px)}.stat-panel.sheet-panel::-webkit-scrollbar{display:none}.sheet-hint-wrap{z-index:3;pointer-events:none;height:0;position:sticky;bottom:0}.sheet-scroll-hint{cursor:pointer;pointer-events:none;background:var(--neon);color:#0a0a0a;opacity:0;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;transition:opacity .26s,transform .42s cubic-bezier(.34,1.6,.5,1);display:flex;position:absolute;bottom:-24px;left:50%;transform:translate(-50%,12px);box-shadow:0 8px 24px -6px #c6ff0099,0 0 0 6px #0a0a0a99}.sheet-scroll-hint.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.sheet-scroll-hint span{display:flex}.sheet-scroll-hint.is-on span{animation:1.4s ease-in-out infinite sheet-hint-bob}@keyframes sheet-hint-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.sheet-float-wrap{z-index:4;height:0;position:sticky;top:0}.sheet-float-close{cursor:pointer;background:var(--bg-elev);width:34px;height:34px;color:var(--fg);border:1px solid var(--neon);opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;font-size:12px;transition:opacity .2s,transform .32s cubic-bezier(.34,1.6,.5,1);display:flex;position:absolute;top:0;right:0;transform:scale(.6);box-shadow:0 6px 18px -6px #000c}.sheet-float-close.is-on{opacity:1;pointer-events:auto;transform:scale(1)}.sheet-marker{color:var(--neon);vertical-align:2px;margin-right:10px;font-size:9px}@media (prefers-reduced-motion:reduce){.stat-panel,.stat-scrim,.stat-fill,.sheet-in,.sheet-sticker{transition:none!important}.sheet-scroll-hint.is-on span{animation:none}.stat-panel.sheet-panel{transform:translate(calc(100% + 32px))}.stat-overlay.is-open .stat-panel.sheet-panel{transform:none}}.footer-wrap{background:var(--bg);padding:24px;overflow:hidden}.footer-reveal{transform:perspective(1200px) translateY(var(--rv-y,0px)) rotateX(var(--rv-rx,0deg)) scale(var(--rv-s,1));transform-origin:50% 100%;will-change:transform}.footer-card{background:var(--neon);color:#0a0a0a;border-radius:calc(clamp(20px, 1.7vw, 24px) + var(--rv-rad,0px));min-height:clamp(360px,41vw,600px);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:50%;will-change:transform;flex-direction:column;justify-content:flex-end;gap:14px;padding:0 clamp(16px,2.2vw,32px) 18px;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex}.footer-name{width:100%}.footer-name>span{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:#0a0a0a;font-size:10.5vw;font-weight:700;line-height:.8;display:inline-block}.footer-row{font-family:var(--font-display);color:#0a0a0a;white-space:nowrap;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px;font-size:16px;line-height:1.2;display:grid}.footer-copy{justify-self:start;font-weight:700}.footer-role{justify-self:center;font-weight:400}.footer-link{color:#0a0a0a;background:0 0;border-radius:10px;justify-self:end;margin:-13px -16px;padding:13px 16px;font-weight:700;text-decoration:none;display:inline-block}.footer-link:focus-visible{outline-offset:-4px;outline:2px solid #0a0a0a}.footer-link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.footer-card{transition:none;transform:none}}.md-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.6s cubic-bezier(.65,0,.35,1) .15s forwards md-draw}@keyframes md-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.md-draw{stroke-dashoffset:0;animation:none}}.stat-trigger{border:1px solid var(--hairline);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 9px;font-size:11px;transition:border-color .22s cubic-bezier(.16,1,.3,1),color .22s;display:inline-flex;position:relative;overflow:hidden}.stat-trigger:hover,.stat-trigger:focus-visible{border-color:var(--neon);color:var(--neon)}.stat-trigger:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.stat-trigger-dot{background:var(--neon);width:7px;height:7px;box-shadow:0 0 8px var(--neon);will-change:opacity;border-radius:999px;animation:2.4s ease-in-out infinite stat-dot}@keyframes stat-dot{50%{opacity:.35}}.stat-trigger-bar{background:var(--neon);transform-origin:0;width:100%;height:2px;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.stat-trigger:hover .stat-trigger-bar,.stat-trigger:focus-visible .stat-trigger-bar{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.stat-trigger-dot{animation:none}.stat-trigger-bar{transition:none}}.nav-actions{align-items:center;gap:10px;display:flex}.letter-trigger{border-color:var(--neon);color:var(--neon)}.stat-panel.letter-panel{border:1px solid var(--hairline);opacity:0;border-radius:24px;flex-direction:column;width:min(640px,100vw - 32px);height:auto;max-height:min(86vh,860px);padding:0;transition:opacity .32s,transform .44s cubic-bezier(.16,1,.3,1);display:flex;top:50%;left:50%;right:auto;overflow:hidden;transform:translate(-50%,calc(16px - 50%))scale(.98)}.letter-panel .stat-panel-head{border-bottom:1px solid #0000;flex:none;margin:0;padding:clamp(20px,3.4vw,36px) clamp(24px,4vw,44px) 16px}.letter-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;margin:0 10px 14px 0;padding:8px calc(clamp(24px,4vw,44px) - 10px) clamp(24px,4vw,44px) clamp(24px,4vw,44px);overflow-y:auto}.stat-overlay.is-open .stat-panel.letter-panel{opacity:1;transform:translate(-50%,-50%)scale(1)}.letter-scroll-hint{bottom:22px}@media (prefers-reduced-motion:reduce){.stat-panel.letter-panel{transition:none}}.letter-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1.05}.letter-role{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);margin-top:10px;font-size:11px}.letter-body{font-family:var(--font-display);color:var(--fg-muted);white-space:pre-line;margin:20px 0 0;font-size:15px;line-height:1.65}.letter-section{border-top:1px solid var(--hairline);margin-top:32px;padding-top:20px}.letter-section .letter-body{margin-top:10px}.letter-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);font-size:11px}.letter-start{border:1px solid var(--neon);background:color-mix(in srgb, var(--neon) 5%, transparent);border-radius:16px;margin-top:12px;padding:18px 20px;transition:background .22s;display:block}.letter-start:hover{background:color-mix(in srgb, var(--neon) 10%, transparent)}.letter-start-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:22px;font-weight:600;display:block}.letter-start-title span{color:var(--neon)}.letter-start-why{font-family:var(--font-display);color:var(--fg-muted);margin-top:6px;font-size:14px;line-height:1.55;display:block}.letter-signoff{font-family:var(--font-display);color:var(--fg);margin:36px 0 0;font-size:17px}@media (max-width:480px){.nav-actions{gap:6px}.letter-trigger>span:nth-child(2){display:none}}.about-section{padding:clamp(64px,8vw,128px) 32px}.about-head{border-bottom:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;margin-bottom:clamp(32px,4vw,56px);padding-bottom:16px;font-size:11px;display:flex}.about-statement{max-width:20ch;font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(34px,4.3vw,72px);font-weight:500;line-height:1.1}.about-word{color:#2e2e2e;transition:color .26s}.about-word.is-lit{color:var(--fg)}.about-hl{background:linear-gradient(var(--neon), var(--neon)) no-repeat 0 0 / 0% 100%;padding:0 .04em;transition:background-size .7s cubic-bezier(.65,0,.35,1)}.about-hl.is-lit{background-size:100% 100%}.about-hl .about-word.is-lit{color:#0a0a0a;transition-delay:.12s}.about-inline-sticker{vertical-align:-.08em;filter:drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(0 8px 12px #00000080);opacity:.14;transform:rotate(var(--r)) scale(.72);font-size:.86em;line-height:1;transition:opacity .16s,transform .52s cubic-bezier(.34,1.7,.5,1);display:inline-block}.about-inline-sticker.is-lit{opacity:1;transform:rotate(var(--r)) scale(1)}.about-body{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.about-work{font-family:var(--font-display);color:var(--fg-muted);max-width:48ch;margin:clamp(24px,3vw,36px) 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.about-pills{flex-wrap:wrap;gap:8px;max-width:560px;margin-top:clamp(24px,3vw,36px);display:flex}.about-pill{font-family:var(--font-display);color:var(--fg);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;padding:10px 15px;font-size:14px;line-height:1;transition:border-color .2s,color .2s}.about-pill:hover{border-color:var(--neon);color:var(--neon)}.player-wrap{perspective:1000px;opacity:var(--dl-o,1);transform:perspective(1200px) translateY(var(--dl-y,0px)) rotate(var(--dl-r,0deg)) rotateY(var(--dl-ry,0deg)) rotateX(var(--dl-rx,0deg)) scale(var(--dl-s,1));transform-origin:50% 80%;will-change:transform, opacity}.player-card{border:1px solid var(--neon);background:var(--bg-elev);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-radius:24px;padding:16px 16px 18px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #c6ff0040}.player-card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #c6ff0029, transparent 55%);transition:opacity .3s;position:absolute;inset:0}.player-card:hover:after{opacity:1}.player-top{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;margin-bottom:12px;font-size:10px;display:flex}.player-level{color:#0a0a0a;background:var(--neon);border-radius:999px;padding:3px 7px}.player-art{aspect-ratio:4/3;background:linear-gradient(color-mix(in srgb, var(--neon) 14%, transparent) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, color-mix(in srgb, var(--neon) 14%, transparent) 1px, transparent 1px) 0 0 / 24px 24px, radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--neon) 22%, transparent), transparent 70%), #101010;border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.player-sticker{filter:drop-shadow(4px 0 #fff)drop-shadow(-4px 0 #fff)drop-shadow(0 4px #fff)drop-shadow(0 -4px #fff)drop-shadow(0 14px 20px #00000080);transform:rotate(-6deg)}.player-sticker img{width:auto;height:170px;display:block}.player-sticker span{font-size:120px;line-height:1;display:block}.player-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin-top:16px;font-size:26px;font-weight:600;line-height:1}.player-class{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--neon);margin-top:6px;font-size:11px}.player-stats{gap:8px;margin-top:16px;display:grid}.player-stat{font-family:var(--font-display);color:var(--fg-muted);grid-template-columns:1fr 90px 22px;align-items:center;gap:10px;font-size:13px;display:grid}.player-bar{background:var(--hairline);border-radius:999px;height:4px;overflow:hidden}.player-bar>span{background:var(--neon);border-radius:999px;height:100%;display:block}.player-num{font-family:var(--font-mono);color:var(--fg);text-align:right;font-size:11px}.player-card span:has(>button){margin-top:18px;display:block!important}.player-card span:has(>button)>button{justify-content:center;width:100%}@media (max-width:768px){.about-section{padding:72px 20px}.about-statement{max-width:none}}@media (min-width:1800px){.about-statement{max-width:23ch;font-size:clamp(72px,4vw,120px)}.about-work{max-width:66ch;font-size:clamp(19px,1.05vw,24px)}.about-pills{max-width:820px}.about-pill{padding:11px 17px;font-size:16px}}@media (max-width:600px){.stat-panel.sheet-panel{--sheet-inset:10px;width:calc(100vw - 20px)}}@media (max-width:1024px){.about-body{grid-template-columns:1fr;gap:56px}.about-statement{font-size:clamp(34px,6vw,64px)}.player-wrap{justify-self:center;width:100%;max-width:400px}}@media (prefers-reduced-motion:reduce){.about-word,.about-inline-sticker,.player-card{transition:none}.player-wrap{opacity:1;transform:none}}.hero-swap{animation:.7s cubic-bezier(.16,1,.3,1) both hero-swap;display:inline-block}@keyframes hero-swap{0%{opacity:0;filter:blur(6px);transform:translateY(.25em)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.hero-swap{animation:none}}.tile-wip{cursor:not-allowed}.tile-wip>:not(.tile-wip-tape){filter:grayscale(.7)brightness(.55)}.tile-wip-tape{pointer-events:none;border-radius:20px;position:absolute;inset:0;overflow:hidden}.tile-wip-band{background:repeating-linear-gradient(-45deg, var(--neon) 0 18px, #0a0a0a 18px 36px);background-size:51px 51px;justify-content:center;align-items:center;height:42px;animation:1.6s linear infinite paused tile-tape;display:flex;position:absolute;top:30%;left:-20%;right:-20%;transform:rotate(-8deg);box-shadow:0 10px 30px -10px #000c}.tile-wip-band span{color:var(--neon);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--neon);background:#0a0a0a;border-radius:4px;padding:6px 14px;font-size:12px}.tile-wip-band-2{opacity:.85;height:18px;top:46%;transform:rotate(6deg)}.tile-wip:hover .tile-wip-band{animation-play-state:running}@keyframes tile-tape{to{background-position:51px 0}}.tile-wip-chip{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#0a0a0a;background:var(--neon);border-radius:999px;padding:6px 10px;font-size:11px;position:absolute;top:14px;right:14px}.tile-wip-chip-inline{letter-spacing:.08em;font-size:12px;position:static}@media (prefers-reduced-motion:reduce){.tile-wip-band{animation:none}}.player-card,.footer-card{touch-action:pan-y pinch-zoom}.player-card.is-touch-tilting,.footer-card.is-touch-tilting{transition:transform 90ms linear}.player-card.is-tilt-release,.footer-card.is-tilt-release{transition:transform .78s cubic-bezier(.34,1.9,.5,1)}.player-card.is-touch-tilting:after{opacity:1}