@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plex-mono.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plex-mono-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Grease;src:url(/fonts/reenie-beanie.woff2)format("woff2");font-display:swap}:root{--table:#eef2f1;--glow:#fbfdfc;--sheet:#fff;--film:#141413;--film-2:#2a2a27;--edge:#d8d3c4;--ink:#141413;--muted:#565e5b;--line:#cdd4d1;--red:#d42a1e;--sans:"Archivo",system-ui,sans-serif;--mono:"Plex Mono",ui-monospace,monospace;--hand:"Grease",cursive;--pad:clamp(18px,4.5vw,72px);--max:1400px;--ease:cubic-bezier(.2,.7,.2,1);--holes:repeating-linear-gradient(90deg,transparent 0 9px,var(--glow) 9px 19px,transparent 19px 30px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;counter-reset:frame;background:radial-gradient(120% 70% at 50% 0%,var(--glow) 0%,var(--table) 60%,#e2e8e6 100%) fixed var(--table);margin:0;font-stretch:100%;overflow-x:clip}h1,h2,h3,p,figure,ol,ul{margin:0}ol,ul{padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--red);outline-offset:3px}::selection{background:var(--red);color:#fff}.mono{font-family:var(--mono);letter-spacing:.02em;font-size:13px}.wrap{max-width:var(--max);padding:0 var(--pad);margin:0 auto}.skip{z-index:200;background:var(--film);color:#fff;padding:10px 14px;position:fixed;top:-80px;left:16px}.skip:focus{top:16px}.label{background:var(--film);color:var(--edge);font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:13px 16px;display:inline-flex;position:relative}.label:before{counter-increment:frame;content:counter(frame,decimal-leading-zero) "A ▸";color:#8f8a7c}.label:after{content:"";background:var(--holes);opacity:.9;height:4px;position:absolute;inset:3px 4px auto}.label.plain:before{content:none}.it{font-family:var(--hand);color:var(--red);letter-spacing:0;text-transform:none;padding:0 .08em;font-size:1.18em;font-weight:400;line-height:.8;display:inline-block;transform:rotate(-2deg)}.mark{white-space:nowrap;position:relative}.mark svg{pointer-events:none;width:116%;height:110%;position:absolute;inset:-4% -8% -6%;overflow:visible}.mark path{fill:none;stroke:var(--red);stroke-width:3px;stroke-linecap:round;stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.1s var(--ease) .4s}.in .mark path,.mark.in path{stroke-dashoffset:0}.nav{z-index:90;background:var(--film);color:var(--edge);view-transition-name:nav;height:52px;position:fixed;inset:0 0 auto}.nav:before,.nav:after{content:"";background:var(--holes);opacity:.85;height:5px;position:absolute;left:0;right:0}.nav:before{top:4px}.nav:after{bottom:4px}.nav-in{height:100%;max-width:var(--max);padding:0 var(--pad);font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin:0 auto;display:flex}.logo{color:#fff;align-items:center;gap:10px;margin-right:auto;display:flex}.logo i{background:var(--red);border-radius:50%;width:8px;height:8px}.nav a.l,.nav a.cta{padding:8px 10px}.nav a.l:hover,.nav a.l[aria-current=page]{color:#fff;text-underline-offset:5px;text-decoration:underline}.nav a.cta{color:#fff;background:var(--red)}.btn{background:var(--film);color:#fff;font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:background .25s,transform .25s var(--ease);align-items:center;gap:10px;padding:15px 20px;display:inline-flex}.btn:hover{background:var(--red);transform:translateY(-2px)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:#fff}.ul{text-underline-offset:4px;text-decoration:underline 1px}.ul:hover{color:var(--red)}[data-reveal]{opacity:0;filter:grayscale()contrast(.7);transition:opacity .9s var(--ease),filter 1.4s var(--ease),transform .9s var(--ease);transform:translateY(18px)}[data-reveal].in{opacity:1;filter:none;transform:none}.split .w{vertical-align:top;display:inline-block;overflow:hidden}.split .w>span{transition:transform .9s var(--ease);display:inline-block;transform:translateY(105%)}.split.in .w>span{transform:none}.foot{background:var(--film);color:#f1efe8;padding:clamp(80px,13vh,140px) 0 26px;position:relative;overflow:hidden}.foot:before{content:"";background:var(--holes);opacity:.6;height:6px;position:absolute;top:10px;left:0;right:0}.foot-big{font:900 clamp(80px,16vw,250px)/.82 var(--sans);text-transform:uppercase;letter-spacing:-.01em;font-stretch:62%}.foot-big .it{color:#ff5145;font-size:1.15em}.foot-row{flex-wrap:wrap;gap:10px;margin:40px 0 80px;display:flex}.foot-row a{font:500 14px var(--mono);letter-spacing:.06em;padding:13px 16px;transition:background .2s;box-shadow:inset 0 0 0 1px #f1efe859}.foot-row a:hover{background:var(--red);box-shadow:none}.foot-bottom{color:#f1efe899;border-top:1px solid #f1efe82e;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:18px;display:flex}.motion-toggle{font:12px var(--mono);color:#f1efe8cc;padding:7px 12px;box-shadow:inset 0 0 0 1px #f1efe84d}.page{padding-top:130px;padding-bottom:clamp(80px,12vh,140px)}.page-head{gap:24px;max-width:1000px;margin-bottom:52px;display:grid}.page-head h1{font:850 clamp(48px,7.4vw,118px)/.9 var(--sans);text-transform:uppercase;letter-spacing:-.005em;font-stretch:66%}.page-head .lede{color:var(--muted);max-width:36em;font-size:clamp(19px,1.6vw,22px)}.prose{background:var(--sheet);max-width:720px;box-shadow:0 1px 0 var(--line),0 18px 40px #1414130f;padding:clamp(22px,4vw,48px);font-size:19px;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose h2{font:800 clamp(28px,3vw,40px)/1.05 var(--sans);text-transform:uppercase;margin-top:2em;font-stretch:72%}.prose h3{font:700 23px/1.2 var(--sans);margin-top:1.7em}.prose a{color:var(--red);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.45em}.prose blockquote{border-left:4px solid var(--red);color:var(--ink);margin:1.6em 0;padding:2px 0 2px 20px;font-size:1.12em}.prose code{font:.84em var(--mono);background:#eef2f1;padding:1px 6px}.prose pre{background:var(--film);color:#e9e6dd;font:14px/1.6 var(--mono);padding:18px 20px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose img{width:100%}.prose iframe{aspect-ratio:16/9;border:0;width:100%;height:auto}.prose .diagram{border:2px solid var(--film);background:#fff;padding:18px;overflow-x:auto}.everyday{box-shadow:inset 4px 0 0 var(--red),0 10px 26px #14141312;background:#fff;padding:26px 24px 22px;font-size:18px;line-height:1.6;position:relative}.everyday b{font:400 30px/1 var(--hand);color:var(--red);width:fit-content;margin-bottom:8px;display:block;transform:rotate(-1.5deg)}.next{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex}.still [data-reveal]{opacity:1;filter:none;transform:none}.still .split .w>span{transform:none}.still .mark path{stroke-dashoffset:0;transition:none}.still *{animation:none!important}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;filter:none;transform:none}.split .w>span{transform:none}.mark path{stroke-dashoffset:0}*{transition:none!important;animation:none!important}}@view-transition{navigation:auto}::view-transition-old(root){animation:.2s ease-in both vt-out}::view-transition-new(root){animation:vt-in .35s var(--ease) both}@keyframes vt-out{to{opacity:0;filter:brightness(1.6)}}@keyframes vt-in{0%{opacity:0;filter:brightness(1.6)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}@media (width<=640px){.nav-in{letter-spacing:.08em;gap:0}.nav a.l,.nav a.cta{padding:8px}.label{gap:9px;padding:12px 13px;font-size:11px}.prose{padding:20px 18px;font-size:18px}}