:root{--ink:#0a0a0b;--paper:#f7f9fd;--white:#fff;--grey-100:#eceef3;--grey-150:#e5e5e5;--grey-200:#dde1ea;--grey-300:#aeb3bf;--grey-400:#a3a3a3;--grey-500:#8a8a8e;--grey-600:#6b6c72;--grey-700:#55565c;--grey-750:#3a3a3c;--grey-800:#2e2e30;--grey-850:#161618;--rose-400:#ff3d6e;--rose-600:#d81e4f;--cyan-400:#22b8ff;--cyan-600:#006bb8;--signal-400:#4ade80;--signal-700:#15803d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-18:72px;--space-24:96px;--space-32:128px;--radius-none:0;--radius-pill:999px;--stroke-hairline:1px;--dur-instant:.1s;--dur-quick:.2s;--dur-base:.3s;--dur-tune:3.6s;--ease-signal:cubic-bezier(.2,.8,.2,1);--ease-lock:cubic-bezier(.7,0,.2,1);--font-display:"Nohemi","Sora","Avenir Next",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--font-osd:"VT323","IBM Plex Mono",monospace;--navh:80px;--g:24px;--maxw:1440px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=640px){:root{--g:16px}}:root,.paper{--bg:var(--paper);--surface:var(--white);--fg-primary:var(--ink);--fg-secondary:var(--grey-700);--fg-tertiary:var(--grey-600);--fg-intro:var(--grey-700);--line:var(--grey-200);--line-strong:var(--grey-300);--cta-bg:var(--ink);--cta-fg:var(--white);--anaglyph-left:var(--rose-600);--anaglyph-right:var(--cyan-600);--status:var(--signal-700);--focus:var(--ink)}.stage{--bg:var(--ink);--surface:var(--grey-850);--fg-primary:var(--white);--fg-secondary:var(--grey-400);--fg-tertiary:var(--grey-500);--fg-intro:var(--grey-150);--line:var(--grey-800);--line-strong:var(--grey-750);--cta-bg:var(--white);--cta-fg:var(--ink);--anaglyph-left:var(--rose-400);--anaglyph-right:var(--cyan-400);--status:var(--signal-400);--focus:var(--white);background:var(--bg);color:var(--fg-primary)}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--navh) + 16px + env(safe-area-inset-top,0px))}body{background:var(--bg);color:var(--fg-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.625;overflow-x:clip}img{max-width:100%;height:auto}[hidden]{display:none!important}.page{padding-inline:var(--g);max-width:calc(var(--maxw) + 2 * 24px);margin:0 auto;padding-block:0 24px}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}[tabindex="-1"]:focus{outline:none}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{text-wrap:balance}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--g);z-index:50;background:var(--ink);color:var(--white);padding:12px 16px;position:fixed;top:-100px}.skip:focus{top:12px}.label{font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;color:var(--fg-tertiary);font-size:13px;font-weight:500;line-height:20px}.caption{font-family:var(--font-mono);letter-spacing:.01em;color:var(--fg-tertiary);font-size:12px;line-height:18px}.display-m{letter-spacing:-.02em;text-shadow:calc(-1 * max(2px, .02em)) 0 0 var(--anaglyph-left), max(2px, .02em) 0 0 var(--anaglyph-right);font-size:clamp(44px,5.5vw,72px);font-weight:700;line-height:.95}.h-1{letter-spacing:-.01em;font-size:clamp(34px,3.4vw,48px);font-weight:600;line-height:1.1}.h-2{letter-spacing:-.01em;font-size:clamp(26px,2.3vw,32px);font-weight:600;line-height:1.2}.h-3{font-size:24px;font-weight:600;line-height:1.3}.body-l{color:var(--fg-intro);text-wrap:pretty;font-size:clamp(18px,1.55vw,22px);font-weight:300;line-height:1.55}.muted{color:var(--fg-secondary)}.btn{min-height:56px;font:500 17px/24px var(--font-display);cursor:pointer;color:var(--fg-primary);background:0 0;border:0;align-items:center;gap:10px;padding:0 28px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--cta-bg);color:var(--cta-fg);box-shadow:-3px 0 0 var(--anaglyph-left), 3px 0 0 var(--anaglyph-right);transition:box-shadow var(--dur-quick) var(--ease-signal)}.btn.primary:hover{box-shadow:-5px 0 0 var(--anaglyph-left), 5px 0 0 var(--anaglyph-right)}.btn.primary:active{box-shadow:0 0 #0000,0 0 #0000}.btn.primary:focus-visible{outline-offset:7px}.btn.ghost{box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow var(--dur-quick) var(--ease-signal)}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--fg-tertiary)}.ctas{flex-wrap:wrap;gap:16px;padding-inline:5px;display:flex}.tag{border:1px solid var(--line-strong);min-height:26px;font-family:var(--font-mono);letter-spacing:.01em;color:var(--fg-secondary);white-space:nowrap;align-items:center;padding:2px 10px;font-size:12px;line-height:18px;display:inline-flex}.arrow{border:1px solid var(--line-strong);width:44px;height:44px;transition:transform var(--dur-quick) var(--ease-signal), background-color var(--dur-quick), color var(--dur-quick);place-items:center;display:grid}.motion [data-reveal]{transition:opacity .8s var(--ease-signal) var(--d,0s), transform .9s var(--ease-signal) var(--d,0s)}.motion [data-reveal=up]:not(.in){opacity:0;transform:translateY(20px)}[data-reveal=wipe]>*{clip-path:inset(-12% 0 -25%)}.motion [data-reveal=wipe]>*{transition:clip-path 1.1s var(--ease-signal) var(--d,0s)}.motion [data-reveal=wipe]:not(.in)>*{clip-path:inset(-12% 100% -25% 0)}.rule{background:var(--line);transform-origin:0;height:1px}.rule.strong{background:var(--fg-primary)}.motion .rule[data-reveal]{transition:transform 1.2s var(--ease-signal) var(--d,0s)}.motion .rule[data-reveal]:not(.in){transform:scaleX(0)}.static{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:3;mix-blend-mode:screen;position:absolute;inset:0}.scan{pointer-events:none;z-index:4;opacity:var(--scan,0);background:repeating-linear-gradient(#0000 0 2px,#000000e6 2px 3px);position:absolute;inset:0}.vig{pointer-events:none;z-index:4;opacity:var(--vig,0);background:radial-gradient(120% 90%,#0000 55%,#000000bf 100%);position:absolute;inset:0}.osd{font-family:var(--font-osd);color:var(--white);letter-spacing:.04em;pointer-events:none;text-shadow:0 0 6px #fff9, -2px 0 0 var(--rose-400), 2px 0 0 var(--cyan-400);line-height:1}.screen{border:1px solid var(--line);isolation:isolate;max-width:100%;transition:border-color var(--dur-quick) var(--ease-signal);position:relative;overflow:hidden}.screen-layer{background:var(--bg);position:absolute;inset:0}.screen-layer>svg,.screen-layer>img{object-fit:cover;width:100%;height:100%;display:block}.screen .scan,.screen .vig{transition:opacity .5s var(--ease-signal);--scan:0;--vig:0}.screen.tuning .scan{--scan:.35}.screen.tuning .vig{--vig:.8}.screen-ch{z-index:5;opacity:0;transition:opacity .35s var(--ease-signal);font-size:30px;position:absolute;top:16px;right:18px}.screen.tuning .screen-ch,a:hover .screen-ch,a:focus-visible .screen-ch{opacity:1}.nav-wrap{z-index:30;padding-top:env(safe-area-inset-top,0px);background:var(--bg);transition:background-color var(--dur-base) var(--ease-signal);position:fixed;top:0;left:0;right:0}.nav-wrap.stage{background:0 0}.nav-wrap:after{content:"";background:var(--line);pointer-events:none;height:1px;transition:opacity var(--dur-base) var(--ease-signal);position:absolute;bottom:0;left:0;right:0}.nav-wrap.stage:after{opacity:0}.nav{min-height:var(--navh);max-width:calc(var(--maxw) + 48px);padding-inline:var(--g);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.nav-wrap .lockup,.nav-wrap .text-link{transition:color var(--dur-base) var(--ease-signal)}.nav-wrap .lockup path{transition:stroke var(--dur-base) var(--ease-signal)}.lockup{color:var(--fg-primary);white-space:nowrap;align-items:center;gap:12px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.lockup svg{flex:none}.lockup path{stroke:var(--fg-primary)}.links{align-items:center;gap:40px;display:flex}.links a{font-size:16px;text-decoration:none}.text-link{color:var(--fg-primary);position:relative}.text-link:after{content:"";transform-origin:0;height:1px;transition:transform var(--dur-base) var(--ease-signal);background:currentColor;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.text-link:hover:after,.text-link[aria-current=true]:after{transform:scaleX(1)}.talk{background:var(--cta-bg);min-height:48px;color:var(--cta-fg);transition:background-color var(--dur-base) var(--ease-signal), color var(--dur-base) var(--ease-signal);align-items:center;padding:0 28px;font-weight:500;display:inline-flex}.talk:hover{background:var(--grey-800);color:var(--white)}@media (width<=860px){.links{gap:24px}.links .text-link{display:none}}.section{gap:clamp(32px,4vw,48px);padding-block:clamp(80px,10vw,144px) 0;display:grid}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;display:flex}.section-head>div{gap:12px;min-width:0;max-width:760px;display:grid}.section-head .lede{color:var(--fg-secondary);max-width:62ch}.contact{isolation:isolate;margin-top:clamp(80px,10vw,144px);position:relative;overflow:hidden}.contact-layer{background:var(--bg);position:relative}.contact-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding:clamp(32px,4.4vw,64px);display:grid}@media (width<=860px){.contact-inner{grid-template-columns:minmax(0,1fr)}.bigmark{display:none}}.contact-text{gap:28px;min-width:0;display:grid}.display-l{letter-spacing:-.03em;text-shadow:calc(-1 * var(--ag,max(2px, .02em))) 0 0 var(--anaglyph-left), var(--ag,max(2px, .02em)) 0 0 var(--anaglyph-right);font-size:clamp(56px,8.5vw,120px);font-weight:700;line-height:.9}.email output{letter-spacing:-.01em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:clamp(20px,2.3vw,32px);font-weight:600;display:block}.bigmark{width:300px;height:300px}.bigmark path{fill:none;stroke:var(--fg-primary);stroke-linejoin:round;stroke-linecap:round}.bigmark .ghosts{transition:opacity 1.2s var(--ease-signal) .2s}.motion .contact:not(.locked) .bigmark .ghosts{opacity:0}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:32px 8px;display:flex}.footer .lockup{font-size:16px}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:var(--fg-secondary);text-underline-offset:4px;font-size:14px}.ch-static{z-index:40;pointer-events:none;opacity:0;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.ch-osd{z-index:41;top:calc(var(--navh) + 20px + env(safe-area-inset-top,0px));right:max(var(--g), calc((100vw - var(--maxw)) / 2 + 24px));font-family:var(--font-osd);letter-spacing:.08em;color:var(--white);border:2px solid var(--white);text-shadow:0 0 6px #fff9;opacity:0;transition:opacity .45s var(--ease-signal);pointer-events:none;white-space:nowrap;background:#0a0a0bdb;padding:10px 16px 8px;font-size:clamp(24px,2.6vw,34px);line-height:1;position:fixed}.ch-osd.on{opacity:1;transition-duration:80ms}.notfound{margin-top:calc(var(--navh) + env(safe-area-inset-top,0px));align-content:center;justify-items:start;gap:24px;min-height:60vh;padding:clamp(32px,6vw,96px) clamp(24px,4.4vw,64px);display:grid}.notfound-osd{border:2px solid var(--white);padding:10px 18px 8px;font-size:clamp(30px,4vw,48px)}@media (prefers-reduced-motion:reduce){.btn.primary,.screen,.arrow,.text-link:after{transition:none}.btn.primary:hover{box-shadow:-3px 0 0 var(--anaglyph-left), 3px 0 0 var(--anaglyph-right)}}.hero-track{position:relative}.hero-track.pinned{height:calc(100vh + var(--pin,50vh));height:calc(100svh + var(--pin,50svh))}.hero-sticky{position:relative}.pinned .hero-sticky{height:100svh;position:sticky;top:0}.hero-stage{isolation:isolate;position:relative;overflow:hidden}.pinned .hero-stage{clip-path:inset(0 calc(var(--p,0) * var(--ix,24px)) calc(var(--p,0) * var(--g)) calc(var(--p,0) * var(--ix,24px)));position:absolute;inset:0}.hero-track:not(.pinned) .hero-stage{padding-top:calc(var(--navh) + env(safe-area-inset-top,0px));clip-path:inset(0 calc(var(--p,1) * var(--ix,24px)) 0 calc(var(--p,1) * var(--ix,24px)))}.hero-track:not(.pinned) .hero-screen{margin-inline:var(--ix,24px)}.hero-screen{position:relative}.pinned .hero-screen{top:var(--navh);left:var(--ix,24px);right:var(--ix,24px);bottom:var(--g);position:absolute}.layer{background:var(--bg)}.pinned .hero-screen>.layer{position:absolute;inset:0}.tear{pointer-events:none;display:none;position:absolute;inset:0}.content{flex-direction:column;gap:clamp(40px,6vw,72px);padding:clamp(24px,4.4vw,60px) clamp(20px,4.4vw,64px);display:flex}.pinned .content{justify-content:space-between;gap:clamp(20px,4vh,72px);height:100%;padding-block:clamp(24px,5vh,60px) clamp(76px,11vh,108px)}.pinned .content>*{flex-shrink:0}.eyebrow-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:38px;display:flex}.eyebrow{color:var(--fg-secondary);font-size:clamp(14px,1.3vw,18px)}.headline-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px 48px;display:flex}.h1{letter-spacing:-.04em;text-shadow:calc(-1 * max(2px, .02em)) 0 0 var(--anaglyph-left), max(2px, .02em) 0 0 var(--anaglyph-right);font-size:clamp(72px,13.5vw,200px);font-weight:700;line-height:.88}.intro{flex-direction:column;gap:32px;width:min(470px,100%);padding-bottom:12px;display:flex}.band-wrap{position:relative}.band-clip{clip-path:inset(0 calc((1 - var(--draw,1)) * 100%) 0 0)}.band-svg{width:100%;height:auto;display:block;overflow:visible}.band-group{flex-direction:column;gap:14px;display:flex}.pinned .band-group{flex:1 1 0}.pinned .band-wrap{flex:1 1 0;min-height:96px;max-height:340px}.pinned .band-clip{position:absolute;inset:0}.pinned .band-svg{height:100%}.sweep{width:2px;top:4%;bottom:4%;left:calc(var(--draw,1) * 100%);background:var(--fg-primary);box-shadow:-2px 0 0 var(--anaglyph-left), 2px 0 0 var(--anaglyph-right), 0 0 14px 2px #ffffff80;opacity:var(--sweep,0);pointer-events:none;position:absolute}.hero-ch{z-index:5;font-size:clamp(30px,3.4vw,48px);position:absolute;top:clamp(20px,4vw,52px);right:clamp(20px,4.4vw,64px)}.osd-msg{z-index:5;pointer-events:none;font-family:var(--font-osd);color:var(--white);letter-spacing:.08em;border:2px solid var(--white);text-shadow:0 0 6px #fff9;white-space:nowrap;background:#0a0a0bb8;padding:10px 18px 8px;font-size:clamp(26px,3vw,40px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-tip{left:50%;bottom:calc(var(--g) + 16px);z-index:6;opacity:0;transition:opacity .6s var(--ease-signal);pointer-events:none;justify-items:center;gap:10px;display:grid;position:absolute;transform:translate(-50%)}.scroll-tip.ready{opacity:1}.scroll-tip.ready.gone{opacity:0;transition-duration:.25s}.scroll-tip .caption{color:var(--fg-secondary);letter-spacing:.14em;text-transform:uppercase}.scroll-tip .track{background:var(--line-strong);width:1px;height:44px;position:relative;overflow:hidden}.scroll-tip .track i{background:var(--fg-primary);width:1px;height:14px;animation:tip 1.9s var(--ease-signal) infinite;position:absolute;top:0;left:0;box-shadow:0 0 6px #fffc}@keyframes tip{0%{transform:translateY(-14px)}65%,to{transform:translateY(44px)}}@media (width<=640px){.intro{gap:20px}.headline-row{row-gap:20px}.pinned .content{padding-bottom:68px}.scroll-tip{bottom:calc(var(--g) + 10px)}.scroll-tip .caption{display:none}.scroll-tip .track{height:32px}}.cue{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-tertiary);white-space:nowrap;align-items:center;gap:16px;font-size:12px;line-height:18px;display:flex}.cue b{color:var(--fg-secondary);font-weight:500}.cue-line{flex:1;min-width:24px;height:1px;position:relative}.cue-line i{background:var(--fg-tertiary);transform-origin:0;position:absolute;inset:0}.cue-line:after{content:"";border-top:1px solid var(--fg-tertiary);border-right:1px solid var(--fg-tertiary);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.motion .cue-noise,.motion .cue-signal{transition:opacity .7s var(--ease-signal)}.motion .cue-line i{transition:transform 1.1s var(--ease-signal) .35s}.motion .cue-line:after{transition:opacity .3s var(--ease-signal) 1.3s}.motion .cue-signal{transition-delay:1.35s}.motion .stage:not(.cue-on) .cue-noise,.motion .stage:not(.cue-on) .cue-signal,.motion .stage:not(.cue-on) .cue-line:after{opacity:0}.motion .stage:not(.cue-on) .cue-line i{transform:scaleX(0)}@media (width<=640px){.cue-long{display:none}}.proof{gap:28px;padding-block:48px 0;display:grid}.stats-wrap{display:grid}.stats{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{border-left:1px solid var(--line);align-content:start;gap:8px;min-width:0;padding:24px 24px 4px;display:grid}.stat:first-child{border-left:0;padding-left:0}.num{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(34px,3.4vw,48px);font-weight:600;line-height:1.1;display:grid;position:relative}.num>span{grid-area:1/1}.num .ghost{visibility:hidden}.stat p{color:var(--fg-secondary);max-width:30ch;font-size:15px;line-height:1.5}@media (width<=980px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.stat:nth-child(3){border-left:0;padding-left:0}}@media (width<=520px){.stats{grid-template-columns:minmax(0,1fr)}.stat{border-left:0;padding-left:0}}.clients{flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding-top:4px;display:flex}.clients span{font-family:var(--font-mono);color:var(--fg-secondary);font-size:13px}.clients .label{margin-right:8px}.cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px;display:grid}.cases>div{min-width:0}.cases.odd>div:first-child{grid-column:1/-1}.cases.odd>div:first-child .thumb{aspect-ratio:21/8!important}@media (width<=760px){.cases{grid-template-columns:minmax(0,1fr);gap:56px}.cases.odd>div:first-child .thumb{aspect-ratio:16/10!important}}.case{color:inherit;align-content:start;gap:20px;min-width:0;text-decoration:none;display:grid}.thumb{aspect-ratio:16/10!important}.case:hover .screen{border-color:var(--line-strong)}.case-meta{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px;display:grid}.case-text{gap:10px;min-width:0;display:grid}.case .tags{flex-wrap:wrap;gap:6px;display:flex}.case h3{font-size:24px;font-weight:600;line-height:1.3}.case h3 span{transition:background-size .45s var(--ease-signal);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.case:hover h3 span{background-size:100% 1px}.case .summary{color:var(--fg-secondary);max-width:60ch}.case .result{color:var(--fg-tertiary);font-size:14px;line-height:22px}.case .result b{color:var(--fg-primary);font-weight:600}.case:hover .arrow,.next-case:hover .arrow{background:var(--ink);color:var(--white);border-color:var(--ink);transform:translate(3px,-3px)}.case:focus-visible{outline:2px solid var(--focus);outline-offset:6px}.steps-wrap{display:grid}.steps{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step{align-content:start;gap:14px;min-width:0;padding:24px 24px 0 0;display:grid}.step+.step{border-left:1px solid var(--line);padding-left:24px}.step svg{width:100%;max-width:280px;height:auto;display:block;overflow:visible}.step p{color:var(--fg-secondary);font-size:15px;line-height:1.6}@media (width<=980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.step:nth-child(3){border-left:0;padding-left:0}}@media (width<=560px){.steps{grid-template-columns:minmax(0,1fr)}.step+.step{border-left:0;padding-left:0}}.build{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px 64px;display:grid}@media (width<=980px){.build{grid-template-columns:minmax(0,1fr)}}.build-left{gap:24px;min-width:0;display:grid}.stack{flex-wrap:wrap;gap:6px;display:flex}.loop{border:1px solid var(--line);background:var(--surface);display:grid}.loop-row{grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 18px;display:grid}.loop-row+.loop-row{border-top:1px solid var(--line)}.loop-row span:last-child{font-size:15px;line-height:1.5}.products{min-width:0;display:grid}.product{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:24px 0;display:grid}.product h3{font-size:24px;font-weight:600;line-height:1.3}.product p{color:var(--fg-secondary);grid-column:1/-1;max-width:62ch}.product .caption{grid-column:1/-1}.about{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:48px 64px;display:grid}@media (width<=980px){.about{grid-template-columns:minmax(0,1fr)}}.about-text{gap:20px;min-width:0;display:grid}.about-text p{max-width:62ch;color:var(--fg-secondary);font-size:17px;line-height:1.65}.quote{border-left:2px solid var(--fg-primary);margin:8px 0 4px;padding-left:20px}.quote p{color:var(--fg-primary);max-width:none}.facts{background:var(--surface);border:1px solid var(--line);margin:0;display:grid}.fact{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 20px;display:grid}.fact+.fact{border-top:1px solid var(--line)}.fact dd{margin:0;font-size:15px;line-height:1.5}@media (width<=420px){.fact{grid-template-columns:minmax(0,1fr);gap:4px}}@media (prefers-reduced-motion:reduce){.scroll-tip .track i{animation:none;transform:translateY(14px)}.case h3 span{transition:none}}.case-page{padding-top:calc(var(--navh) + env(safe-area-inset-top,0px))}.case-hero{gap:clamp(32px,4vw,56px);padding:clamp(24px,4.4vw,60px) clamp(20px,4.4vw,64px);display:grid}.case-hero-inner{gap:20px;display:grid}.case-hero-top{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.back{font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;color:var(--fg-secondary);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:inline-flex}.back:hover{color:var(--fg-primary)}.case-ch{animation:ch-out .6s var(--ease-signal) 1.6s both;font-size:clamp(28px,3vw,40px)}@keyframes ch-out{to{opacity:0}}.case-hero .display-m{max-width:18ch;margin-top:8px}.case-sub{max-width:52ch}.case-facts{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 0;display:grid}.case-facts>div{gap:4px;min-width:0;padding:16px 20px 0 0;display:grid}.case-facts>div+div{border-left:1px solid var(--line);padding-left:20px}.case-facts dd{color:var(--fg-intro);margin:0}@media (width<=760px){.case-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.case-facts>div:nth-child(3){border-left:0;padding-left:0}}.case-cover{width:100%}.case-brief{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;padding-block:clamp(48px,6vw,80px) 0;display:grid}.brief-item{border-top:1px solid var(--fg-primary);align-content:start;gap:12px;padding-top:20px;display:grid}.brief-text{text-wrap:pretty;font-size:clamp(20px,1.8vw,24px);font-weight:300;line-height:1.45}.brief-tags{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}@media (width<=760px){.case-brief{grid-template-columns:minmax(0,1fr)}}.case-body{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:64px;padding-block:clamp(64px,8vw,112px) 0;display:grid}.case-body.no-toc{grid-template-columns:minmax(0,1fr)}@media (width<=1100px){.case-body{grid-template-columns:minmax(0,1fr)}.toc{display:none}}.toc{top:calc(var(--navh) + 32px);gap:16px;display:grid;position:sticky}.toc ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--fg-secondary);transition:color var(--dur-quick), border-color var(--dur-quick);border-left:1px solid #0000;grid-template-columns:28px minmax(0,1fr);gap:8px;margin-left:-1px;padding:8px 0 8px 16px;font-size:14px;line-height:1.4;text-decoration:none;display:grid}.toc a:hover{color:var(--fg-primary)}.toc a[aria-current=true]{color:var(--fg-primary);border-left-color:var(--fg-primary)}.prose{gap:24px;min-width:0;max-width:960px;display:grid}.prose>*{max-width:68ch}.prose>[data-reveal=wipe]:has(h2){max-width:none;margin-top:48px}.prose>[data-reveal=wipe]:first-child:has(h2){margin-top:0}.prose h2{scroll-margin-top:calc(var(--navh) + 24px)}.prose h3{margin-top:24px}.prose p,.prose li{color:var(--fg-secondary);font-size:18px;line-height:1.7}.prose strong{color:var(--fg-primary);font-weight:600}.prose a{color:var(--fg-primary);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{text-decoration-thickness:2px}.list{gap:10px;margin:0;padding-left:1.2em;display:grid}.list li::marker{color:var(--fg-tertiary)}.pull{border-left:2px solid var(--fg-primary);padding:8px 0 8px 24px;max-width:52ch!important}.pull p{color:var(--fg-primary);letter-spacing:-.01em;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.35}.prose>.figure{max-width:none;margin-block:16px}.figure-frame{border:1px solid var(--line);cursor:zoom-in;transition:border-color var(--dur-quick) var(--ease-signal);padding:clamp(8px,1.2vw,16px);display:block}.figure-frame:hover{border-color:var(--line-strong)}.figure-frame img{width:100%;height:auto;display:block}.prose>[data-reveal]:has(.embed){max-width:none}.embed{gap:10px;margin-block:16px;display:grid}.embed-screen{aspect-ratio:16/10;border:1px solid var(--line);isolation:isolate;position:relative;overflow:hidden}.embed-tall .embed-screen{aspect-ratio:4/5;max-width:520px}.embed-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.embed-off{text-align:center;background:repeating-linear-gradient(to bottom, transparent 0 2px, #ffffff06 2px 3px), var(--surface);place-content:center;justify-items:center;gap:20px;padding:24px;display:grid;position:absolute;inset:0}.embed-osd{border:2px solid var(--white);padding:10px 18px 8px;font-size:clamp(28px,3vw,40px)}.next-case-wrap{padding-block:clamp(80px,10vw,144px) 0}.next-case{border-top:1px solid var(--fg-primary);color:inherit;grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:32px 48px;padding-top:24px;text-decoration:none;display:grid}.next-text{justify-items:start;gap:14px;display:grid}.next-title{text-wrap:balance}.next-text b{color:var(--fg-primary);font-weight:600}.next-thumb{width:100%;aspect-ratio:16/10!important}.next-case:hover .screen{border-color:var(--line-strong)}@media (width<=860px){.next-case{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.case-ch{opacity:0;animation:none}}