@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:ital,wght@0,400;0,500;1,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400;1,6..72,500&display=swap";:root{--bg:#f5f2eb;--ink:#18181b;--muted:#5c5c62;--rule:#18181b1f;--card:#f5f2ebf0;--renewable:#00c853;--ocean:#00b0ff;--accent:#255b60;--orange:#ff6720;--peach:#ffdcc4;--font-header:Newsreader, "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-body:"IBM Plex Sans", "Helvetica Neue", sans-serif;--rail-h:44px;--step-width:min(32rem, 38vw);--card-zone:38vw;--viz-anchor-x:.34;--card-radius:4px;--hud-bar-h:40px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;max-width:100vw;font-size:17px;line-height:1.5;overflow-x:hidden}body{background:var(--bg);overflow-x:hidden}.skip{z-index:20;background:var(--ink);color:var(--bg);padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.progress{z-index:12;background:var(--orange);pointer-events:none;width:0;height:2px;position:fixed;top:0;left:0}.rail{z-index:11;height:var(--rail-h);pointer-events:none;mix-blend-mode:multiply;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:fixed;top:2px;left:0;right:0}.rail-title{font-family:var(--font-header);letter-spacing:.01em;font-size:15px;font-style:italic}.rail-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.rail-dot{background:var(--ink);border-radius:50%;width:3px;height:3px}.scrolly{max-width:100vw;position:relative;overflow-x:hidden}.scrolly-sticky{z-index:0;background:var(--bg);pointer-events:none;width:100%;height:100svh;position:fixed;top:0;left:0;right:0;overflow:hidden}.scrolly-sticky canvas{pointer-events:auto}.scrolly-sticky:after{content:"";pointer-events:none;z-index:1;opacity:.04;background-image:radial-gradient(circle at 20% 30%,#18181b .4px,#0000 .5px);background-size:4px 4px;position:absolute;inset:0}.viz-hud{z-index:4;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.hud-bar{width:100%;min-height:var(--hud-bar-h);padding:0 20px env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--ink);align-items:center;display:flex}.hud-legend-row{width:100%;font-family:var(--font-mono);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:7px 0;font-size:10px;line-height:1.3;display:flex}.hud-prefix{color:var(--ink);flex-shrink:0}.hud-legend{flex-wrap:wrap;flex:auto;align-items:center;gap:4px 14px;min-width:0;list-style:none;display:flex}.hud-legend li{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.hud-detail{color:var(--muted);text-align:right;flex-shrink:0;margin-left:auto;padding-left:12px}.hud-credit{width:100%;font-family:var(--font-mono);letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:7px 0;font-size:10px;line-height:1.3;display:flex}.hud-credit p{margin:0}.hud-credit-role{color:var(--muted)}.hud-credit-name{color:var(--ink)}.hud-credit-social{color:var(--muted);margin-left:auto}.viz-legend{z-index:3;border:1px solid var(--rule);font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;background:#f5f2ebe0;max-width:200px;padding:12px 14px;font-size:10px;position:absolute;bottom:20px;right:20px}.viz-legend ul{list-style:none}.viz-legend li{color:var(--muted);align-items:center;gap:8px;margin-top:4px;display:flex}.swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.swatch-ink,.swatch-fossil{background:var(--ink)}.swatch-renew{background:var(--renewable)}.swatch-renew-square{background:var(--renewable);border-radius:1px;width:8px;height:8px}.swatch-orange{background:var(--orange)}.swatch-peach{background:var(--peach)}.swatch-renew-diamond{background:var(--renewable);border-radius:1px;width:8px;height:8px;transform:rotate(45deg)scale(.78)}.swatch-accent{background:var(--accent)}.swatch-water{background:color-mix(in srgb, var(--ocean) 18%, transparent);border-radius:50%;width:8px;height:8px}.swatch-size{background:0 0;border-radius:0;flex-shrink:0;width:16px;height:10px;position:relative}.swatch-size:before,.swatch-size:after{content:"";background:var(--ink);border-radius:50%;position:absolute}.swatch-size:before{width:7px;height:7px;bottom:0;left:0}.swatch-size:after{width:3px;height:3px;top:0;right:0}.closing-headline{font-family:var(--font-header);font-size:clamp(1.5rem,2.2vw,2rem)!important;line-height:1.2!important}#viz-canvas-wrap{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#particle-layer{z-index:0;position:absolute;inset:0}@media (width<=860px){#viz-canvas-wrap{width:100%}}#particle-layer canvas,.gpu-particles-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.gpu-particles-canvas{z-index:0;pointer-events:none}#particle-layer canvas{z-index:1;pointer-events:auto}.scrolly-steps{z-index:1;pointer-events:none;width:100%;padding:0;position:relative}.scroll-sentinel{pointer-events:none;height:0}.story-prologue{pointer-events:none;width:100%;min-height:100svh;position:relative}.step.story-prologue{grid-template-columns:minmax(0,1fr) min(28rem,31vw);align-content:start;column-gap:clamp(72px,14vw,180px);padding-right:max(5vw,32px);display:grid}.step-card.title-card{top:calc(var(--rail-h) + 12vh);background:var(--ink);border-color:#f5f2eb24;box-shadow:0 18px 50px #18181b38}.step.story-prologue .step-card.title-card{grid-column:2;width:100%;max-width:none;margin-left:0;margin-right:0}.title-card-headline{font-family:var(--font-header);letter-spacing:-.02em;color:var(--bg);margin-bottom:.65em;font-weight:600;line-height:1.06}.title-line{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05;display:block}.title-card-subtitle{font-family:var(--font-body);color:#f5f2ebe0;margin-bottom:.85em;font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.4}.title-card-credit{font-family:var(--font-body);letter-spacing:.01em;text-transform:none;color:#f5f2ebe0;margin-top:.35em;margin-bottom:0;font-size:clamp(.95rem,1.4vw,1.12rem);font-weight:500;line-height:1.4}.title-card strong{color:var(--renewable);font-weight:500}.step-card.title-card .title-card-subtitle,.step-card.title-card .title-card-credit{color:#f5f2ebe0}.step-card.title-card .kicker{color:#f5f2eb8c}.story-prologue .step-card,.act-chapter>.step:last-child .step-card{margin-bottom:4vh}.act-chapter{margin:0;padding:0}.step{--step-scroll:115svh;min-height:var(--step-scroll);pointer-events:none;width:100%;position:relative}.step-card{width:var(--step-width);background:var(--card);border:1px solid var(--rule);border-radius:var(--card-radius);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 32px);margin-bottom:8vh;margin-left:auto;margin-right:max(5vw,24px);padding:22px 24px 24px;position:sticky;top:20vh;box-shadow:0 12px 40px #18181b0f}.step p{color:var(--ink);font-size:1.02rem;line-height:1.55}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px}.lede{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);margin-bottom:.75em;font-size:.85rem;line-height:1.45}.step h1,.step h2{font-family:var(--font-header);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.65rem,2.4vw,2.35rem);font-weight:400;line-height:1.15}.step strong{color:var(--renewable);font-weight:500}.step p+p{margin-top:.85em}.source{font-family:var(--font-mono);letter-spacing:.01em;color:var(--muted)!important;font-size:11px!important;line-height:1.45!important}.sources-methods{z-index:1;background:var(--bg);border-top:1px solid var(--rule);min-height:auto;padding:clamp(32px,5vh,48px) max(5vw,28px) clamp(40px,6vh,64px);position:relative}.sources-inner{max-width:38rem;margin-left:auto;margin-right:max(5vw,24px)}.sources-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px}.sources-methods h2{font-family:var(--font-header);letter-spacing:-.02em;color:var(--ink);margin-bottom:1.5rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.15}.sources-list{margin:0;padding:0}.sources-item{border-top:1px solid var(--rule);padding:1.1rem 0}.sources-item:last-child{padding-bottom:0}.sources-item dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-size:11px}.sources-item dd{font-family:var(--font-body);color:var(--ink);margin:0;font-size:.95rem;line-height:1.55}.colophon{z-index:1;border-top:1px solid var(--rule);background:var(--bg);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:28px;font-size:11px;position:relative}@media (width<=860px){:root{--step-width:calc(100% - 32px);--viz-anchor-x:.5;--rail-h:40px}html{font-size:16px}.rail{padding:0 16px}.scrolly-sticky{height:45svh;top:0}.scrolly-steps{padding:0}.story-prologue{min-height:88svh}.step.story-prologue{padding-right:0;display:block}.step.story-prologue .step-card.title-card{grid-column:auto}.title-line{font-size:clamp(1.75rem,7vw,2.5rem)}.title-card-subtitle,.title-card-credit{font-size:clamp(.88rem,3.8vw,1rem)}.step{min-height:var(--step-scroll,100svh)}.viz-hud{--hud-bar-h:48px}.hud-bar{padding:0 12px env(safe-area-inset-bottom,0px)}.hud-legend-row,.hud-credit{gap:3px 10px;padding:6px 0;font-size:9px}.hud-detail{text-align:left;width:100%;margin-left:0;padding-left:0;font-size:9px}.hud-legend{gap:3px 10px}.step-card{top:auto;bottom:calc(var(--hud-bar-h) + 12px);width:100%;max-width:calc(100vw - 32px);margin-bottom:0;margin-left:auto;margin-right:auto;padding:18px 18px 20px}.step h1,.step h2{font-size:1.55rem}.sources-methods{padding:clamp(28px,4vh,40px) 16px clamp(32px,5vh,48px)}.sources-inner{max-width:none;margin-left:auto;margin-right:auto}.sources-methods h2{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.progress{transition:none}}@media (width<=860px){.viz-legend{max-width:160px;font-size:9px;bottom:12px;right:12px}}