.cl{color:#fff;padding:clamp(72px,12vh,140px) var(--page-g);background:#0a0a0b;gap:clamp(36px,6vh,64px);display:grid}.cl-head{gap:14px;max-width:820px;display:grid}.cl-eye{letter-spacing:.14em;text-transform:uppercase;color:#8c8a84;margin:0;font:500 11px/1 JetBrains Mono,ui-monospace,monospace}.cl-h{text-transform:uppercase;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,76px);font-weight:800;line-height:.95}.cl-lead{color:#c9c7c1;max-width:56ch;margin:0;line-height:1.6}.cl-list{border-top:1px solid #2a2a2e;margin:0;padding:0;list-style:none}.cl-i{clip-path:inset(0 100% 0 0);transition:clip-path 1s var(--d,0s) cubic-bezier(.16,.84,.24,1);border-bottom:1px solid #2a2a2e;grid-template-columns:72px minmax(0,.9fr) minmax(0,1.2fr);align-items:baseline;gap:10px 32px;padding:24px 0;display:grid}.cl-i.in{clip-path:inset(0)}.cl-n{color:#f5c400;font:700 14px/1 JetBrains Mono,ui-monospace,monospace}.cl-i h3{letter-spacing:-.01em;margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:800;line-height:1.2}.cl-i p{color:#c9c7c1;max-width:56ch;margin:0;line-height:1.6}@media (width<=820px){.cl-i{grid-template-columns:48px minmax(0,1fr)}.cl-i p{grid-column:2}}.st{color:#0a0a0b;padding:clamp(72px,12vh,140px) var(--page-g);background:#f7f6f2;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,96px);display:grid}.st-side{align-self:start;gap:16px;display:grid;position:sticky;top:14vh}.st-eye{letter-spacing:.14em;text-transform:uppercase;color:#5e5c57;margin:0;font:500 11px/1 JetBrains Mono,ui-monospace,monospace}.st-h{text-transform:uppercase;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,4.6vw,70px);font-weight:800;line-height:.95}.st-lead{color:#3c3b38;max-width:52ch;margin:0;line-height:1.6}.st-toc{letter-spacing:.06em;text-transform:uppercase;color:#a3a09a;gap:8px;margin:8px 0 0;padding:0;font:500 12px/1.3 JetBrains Mono,ui-monospace,monospace;list-style:none;display:grid}.st-toc li{align-items:baseline;gap:10px;transition:color .35s;display:flex}.st-toc b{font-weight:700}.st-p{color:#0000;width:12px;transition:color .35s,transform .45s cubic-bezier(.16,.84,.24,1);display:inline-block;transform:translate(-6px)}.st-toc li.done{color:#5e5c57}.st-toc li.on{color:#0a0a0b}.st-toc li.on .st-p{color:#c79f00;transform:none}.st-link{letter-spacing:.12em;text-transform:uppercase;color:#0a0a0b;border-bottom:2px solid #f5c400;justify-self:start;margin-top:6px;padding-bottom:6px;font:700 13px/1 Manrope,sans-serif;text-decoration:none}.st-link:focus-visible{outline-offset:4px;outline:2px solid #0a0a0b}.st-list{gap:clamp(56px,14vh,140px);margin:0;padding:0;list-style:none;display:grid}.st-i{opacity:.35;border-top:1px solid #d9d6ce;gap:10px;padding-top:18px;transition:opacity .5s;display:grid}.st-i.on{opacity:1}.st-art{letter-spacing:.14em;text-transform:uppercase;color:#8c8a84;margin:0;font:500 12px/1 JetBrains Mono,ui-monospace,monospace}.st-i h3{letter-spacing:-.02em;margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:800;line-height:1.1}.st-i p:last-child{color:#3c3b38;max-width:52ch;margin:0;line-height:1.6}@media (width<=820px){.st{grid-template-columns:minmax(0,1fr)}.st-side{position:static}.st-toc{display:none}}@media (prefers-reduced-motion:reduce){.st-i{opacity:1}}.ds{color:#fff;background:#0a0a0b;position:relative}.ds-stage{padding:clamp(72px,12vh,140px) var(--page-g);gap:clamp(32px,5vh,56px);display:grid}.ds-head{gap:14px;max-width:760px;display:grid}.ds-eye{letter-spacing:.14em;text-transform:uppercase;color:#8c8a84;margin:0;font:500 11px/1 JetBrains Mono,ui-monospace,monospace}.ds-h{text-transform:uppercase;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,76px);font-weight:800;line-height:.95}.ds-lead{color:#c9c7c1;max-width:56ch;margin:0;font-size:16px;line-height:1.6}.ds-count{letter-spacing:.14em;text-transform:uppercase;color:#8c8a84;font-variant-numeric:tabular-nums;margin:0;font:500 12px/1 JetBrains Mono,ui-monospace,monospace}.ds-count b{color:#f5c400;font-size:20px;font-weight:700}.ds-win{min-width:0}.ds-track{will-change:transform;gap:40px;display:grid}.ds-f{--x:1;gap:12px;margin:0;display:grid}.ds-ph{background:#000;position:relative;overflow:hidden}.ds-ph img{width:100%;height:auto;filter:brightness(calc(.08 + .92 * var(--x))) contrast(calc(1.6 - .6 * var(--x))) saturate(var(--x));transform:scale(calc(1.04 - .04 * var(--x)));display:block}.ds-ph:after{content:"";height:2px;left:0;right:0;top:calc(100% * (1 - var(--x)));opacity:calc((1 - var(--x)) * 4 * var(--x));background:#f5c400;position:absolute;box-shadow:0 0 18px #f5c400}.ds-f figcaption{letter-spacing:.12em;text-transform:uppercase;color:#8c8a84;gap:12px;font:500 11px/1.3 JetBrains Mono,ui-monospace,monospace;display:flex}.ds-f figcaption span{color:#f5c400}@media (width>=900px){.ds{height:calc(var(--n) * 55vh + 100vh)}.ds-stage{grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);align-items:center;height:100vh;position:sticky;top:0;overflow:hidden}.ds-win{height:100%;margin-right:calc(-1 * var(--page-g));align-items:center;display:flex;overflow:hidden}.ds-track{align-items:center;gap:clamp(24px,3vw,48px);padding-right:30vw;display:flex}.ds-f{flex:none;height:min(72vh,760px)}.ds-track{height:min(72vh,760px)}.ds-ph{height:calc(100% - 28px)}.ds-ph img{width:auto;height:100%}}@media (prefers-reduced-motion:reduce){.ds-ph:after{display:none}}.dv{--p:.5;--shot-p:0;background:var(--ink);color:var(--device-text);padding:clamp(64px,12vh,140px) var(--page-g);gap:28px;display:grid;overflow:hidden}.dv-stage{width:100%;max-width:1180px;margin:0 auto;padding-bottom:clamp(40px,8vw,110px);position:relative}.dv-desk{background:var(--device-desktop);box-shadow:var(--device-desktop-shadow);transform:translateY(calc((var(--p) - .5) * 60px)) scale(calc(.94 + .06 * min(1, var(--p) * 2)));border-radius:10px;margin:0;overflow:hidden}.dv-bar{background:var(--device-bar);border-bottom:1px solid var(--device-border);align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.dv-bar i{background:var(--device-dot);border-radius:50%;width:10px;height:10px}.dv-bar span{letter-spacing:0;color:var(--device-address-text);background:var(--device-address);border-radius:6px;margin:0 auto;padding:6px 14px;font:500 11px/1 JetBrains Mono,ui-monospace,monospace}.dv-screen{background:var(--device-screen);position:relative;overflow:hidden}.dv-desk .dv-screen{aspect-ratio:16/10}.dv-screen img{width:100%;height:auto;transform:translateY(calc(var(--shot-p) * -1 * var(--scroll,0%)));display:block}.dv-desk .dv-screen img{--scroll:38%}.dv-phone{background:var(--device-phone);width:clamp(120px,22%,250px);box-shadow:var(--device-phone-shadow);transform:translateY(calc((.5 - var(--p)) * 120px)) rotate(calc((.5 - var(--p)) * 4deg));border-radius:34px;margin:0;padding:9px;position:absolute;bottom:0;right:clamp(-8px,2vw,40px)}.dv-phone .dv-screen{aspect-ratio:9/19.5;border-radius:26px}.dv-phone .dv-screen img{--scroll:48%}.dv-notch{background:var(--device-phone);z-index:2;border-radius:10px;width:30%;height:16px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.dv-cap{text-align:center;letter-spacing:0;text-transform:uppercase;margin:0;font:500 11px/1.4 JetBrains Mono,ui-monospace,monospace}.dv-cap a{color:var(--device-text);border-bottom:1px solid var(--signal);padding-bottom:3px;text-decoration:none}.dv-cap a:focus-visible{outline:2px solid var(--signal);outline-offset:4px}@media (prefers-reduced-motion:reduce){.dv-desk,.dv-phone,.dv-screen img{transform:none}}.dv-screen{background:#141416}