.immersive-article{--article-paper:#f4f4f0;--article-ink:#171815;--article-muted:#62645d;--article-line:#d6d8cf;color:var(--article-ink);background:var(--article-paper)}.immersive-article *{box-sizing:border-box}.immersive-article a{text-underline-offset:.2em;text-decoration-thickness:1px}.immersive-article a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.immersive-article :focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.immersive-article .accent{color:var(--color-accent)}.reading-progress{z-index:60;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0}.reading-progress span{background:var(--color-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.article-hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 80px);padding:clamp(24px,5vw,80px);display:flex}.article-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:13ch;margin:0;font:400 clamp(64px,10.8vw,180px)/.94 Terminal Grotesque,sans-serif}.article-chapter{background:var(--article-paper);color:var(--article-ink);padding:clamp(64px,9vw,150px) clamp(24px,5vw,80px);scroll-margin-top:90px}.chapter-dark{--article-paper:#090a09;--article-ink:#f4f4e9;--article-muted:#b5b9ac;--article-line:#454b41}.chapter-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:start;gap:clamp(40px,7vw,120px);max-width:1500px;margin:auto;display:grid}.chapter-no-heading{display:block}.chapter-no-heading .chapter-copy{max-width:65ch;margin-inline:auto}.article-section-title{flex-direction:column;justify-content:center;min-height:65svh;padding:clamp(64px,9vw,150px) clamp(24px,5vw,80px);scroll-margin-top:80px;display:flex}.article-section-title h2{letter-spacing:-.025em;text-wrap:balance;max-width:13ch;margin:0;font:400 clamp(56px,10vw,156px)/.98 Terminal Grotesque,sans-serif}.article-interlude{scroll-margin-top:80px}.article-interlude picture{position:absolute;inset:0}.chapter-heading{position:sticky;top:120px}.chapter-number{color:var(--color-accent);margin-bottom:30px;font:12px Fira Code,monospace;display:block}.chapter-heading h2{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;max-width:12ch;margin:0;font:400 clamp(44px,5vw,84px)/1 Terminal Grotesque,sans-serif}.chapter-copy{min-width:0;font-size:clamp(17px,1.45vw,21px);line-height:1.75}.chapter-copy>p,.chapter-copy>ul{max-width:62ch;margin:0 0 1.4em}.chapter-copy>p:last-child{margin-bottom:0}.chapter-copy h3{text-wrap:balance;margin:2.2em 0 .8em;font:400 clamp(30px,3vw,44px)/1.15 Terminal Grotesque,sans-serif}.chapter-copy h3:first-child{margin-top:0}.chapter-copy ul{padding-left:1.2em;list-style:outside}.chapter-copy li{margin-bottom:1.3em;padding-left:.3em}.chapter-copy a{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);overflow-wrap:anywhere}.chapter-copy blockquote{border-left:3px solid var(--color-accent);margin:clamp(40px,5vw,80px) 0;padding-left:clamp(20px,3vw,40px)}.chapter-copy blockquote p{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(26px,2.8vw,43px);line-height:1.25}.chapter-copy blockquote footer{color:var(--article-muted);margin-top:24px;font:12px/1.6 Fira Code,monospace}.article-media{margin:clamp(32px,4vw,64px) 0}.article-media:first-child{margin-top:0}.article-media img{border-radius:4px;width:100%;height:auto;display:block}.article-media figcaption{color:var(--article-muted);margin-top:12px;font:11px/1.6 Fira Code,monospace}.article-video-frame{border:1px solid var(--article-line);aspect-ratio:16/10;background:#080a08;border-radius:6px;position:relative;overflow:hidden}.article-video-frame video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.video-loading{color:#fff;pointer-events:none;background:#080a08b8;justify-content:center;align-items:center;gap:12px;font:12px Fira Code,monospace;display:flex;position:absolute;inset:0 0 52px}.video-spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite article-spin}.video-error{color:#fff;background:#080a08ee;flex-wrap:wrap;place-content:center;align-items:center;gap:12px;padding:12px;font:12px/1.5 Fira Code,monospace;display:flex;position:absolute;inset:0 0 52px}.video-error p{text-align:center;flex-basis:100%}.video-error button,.video-error a{border:1px solid #777;border-radius:3px;padding:12px}.video-loading[hidden],.video-error[hidden]{display:none}.article-interlude{color:#fff;background:#151713;align-items:end;min-height:75svh;margin:0;display:grid;position:relative;overflow:hidden}.article-interlude img{-o-object-fit:cover;object-fit:cover;opacity:.66;width:100%;height:100%;position:absolute}.article-interlude:after{content:"";background:linear-gradient(#0000 30%,#10140de0);position:absolute;inset:0}.article-interlude figcaption{z-index:1;max-width:16ch;padding:clamp(24px,5vw,80px);font:400 clamp(50px,7vw,110px)/1 Terminal Grotesque,sans-serif;position:relative}.article-links{flex-wrap:wrap;gap:16px 28px;margin:32px 0;font:14px/1.6 Fira Code,monospace;display:flex}.article-end{color:#171815;background:#dbe0ce;min-height:85svh;padding:clamp(72px,12vw,180px) clamp(24px,5vw,80px);position:relative;overflow:hidden}.article-end p{max-width:10ch;margin-bottom:48px;font:400 clamp(64px,11vw,170px)/.95 Terminal Grotesque,sans-serif}.article-end a{z-index:3;font:12px Fira Code,monospace;text-decoration:underline;position:relative}.immersive-article.scroll-theme .article-chapter,.immersive-article.scroll-theme .article-end{--article-paper:inherit;--article-ink:inherit;--article-muted:inherit;--article-line:inherit;color:inherit;background:0 0}.decode-word{white-space:nowrap;display:inline-block}.decode-letter{display:inline-block}.video-start{color:#fff;background:#090a09ed;border:1px solid #fff6;border-radius:4px;padding:16px 24px;font:14px Fira Code,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-start:hover{background:#282a27}.video-start[hidden]{display:none}@keyframes article-spin{to{transform:rotate(360deg)}}.article-arrive{animation:.7s cubic-bezier(.2,.7,.2,1) both article-arrive}@keyframes article-arrive{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.article-hero{min-height:calc(90svh - 64px)}.chapter-grid{grid-template-columns:1fr;gap:40px}.chapter-heading{position:static}.chapter-heading h2{max-width:17ch;font-size:clamp(42px,8vw,64px)}.chapter-number{margin-bottom:20px}.chapter-copy{max-width:680px}.article-interlude{min-height:55svh}}@media (prefers-reduced-motion:reduce){.video-spinner,.article-arrive{animation:none}}@media print{.reading-progress,.video-loading,.video-error{display:none}.article-hero,.article-interlude{min-height:0}.chapter-grid{display:block}.chapter-heading{margin-bottom:24px;position:static}.article-chapter{-moz-column-break-inside:auto;break-inside:auto;padding:32px 0}}
