:root{--bg: #f5efe6;--bg-elev: #efe6d5;--ink: #221c14;--ink-soft: #5a4f40;--ink-faint: #8a7e6c;--rule: rgba(34, 28, 20, .12);--rust: #b35a30;--rust-soft: rgba(179, 90, 48, .18);--ochre: #c9a32b;--ochre-soft: rgba(201, 163, 43, .2);--teal: #2e8b8b;--teal-soft: rgba(46, 139, 139, .18);--bone: #f5efe6;--charcoal: #1a1612;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Archivo", "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-tiny: .78rem;--fs-small: .92rem;--fs-body: 1.06rem;--fs-lead: 1.2rem;--fs-h3: 1.4rem;--fs-h2: 2rem;--fs-h1: clamp(2.4rem, 6vw, 4rem);--fs-display: clamp(3rem, 9vw, 6rem);--col-text: 38rem;--col-wide: 64rem;--col-bleed: 80rem;--pad-section: clamp(3rem, 8vw, 5.5rem);--pad-gutter: clamp(1rem, 4vw, 2rem);--radius: 8px;--radius-lg: 14px;--shadow-soft: 0 1px 2px rgba(34, 28, 20, .04), 0 8px 24px rgba(34, 28, 20, .06);--transition: .22s cubic-bezier(.2, .6, .2, 1)}[data-theme=dark]{--bg: #1a1612;--bg-elev: #221c17;--ink: #f0e6d2;--ink-soft: #c4b69d;--ink-faint: #8d7e66;--rule: rgba(240, 230, 210, .14);--rust: #d97149;--rust-soft: rgba(217, 113, 73, .22);--ochre: #e0bb43;--ochre-soft: rgba(224, 187, 67, .22);--teal: #4eb3b3;--teal-soft: rgba(78, 179, 179, .22)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;font-feature-settings:"ss01","cv11";transition:background var(--transition),color var(--transition)}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input[type=range]{width:100%}a{color:var(--rust);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}a:hover{color:var(--ink)}#explainer{display:flex;flex-direction:column}.chapter{position:relative;padding:var(--pad-section) var(--pad-gutter);max-width:var(--col-bleed);margin:0 auto;width:100%}.chapter__inner{max-width:var(--col-wide);margin:0 auto}.chapter__copy{max-width:var(--col-text);margin:0 auto}.chapter__viz{margin-top:2.5rem}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 .6em}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:var(--fs-tiny);letter-spacing:.18em;text-transform:uppercase;color:var(--ochre);margin-bottom:1rem}.eyebrow:before{content:"";display:inline-block;width:1.5rem;height:1px;background:var(--ochre)}.chapter__title{font-size:var(--fs-h1);margin-bottom:1.5rem}.chapter__lead{font-size:var(--fs-lead);color:var(--ink-soft);margin-bottom:1.6rem;line-height:1.55}.chapter__copy p{margin:0 0 1.1em}.chapter__copy strong{color:var(--ink);font-weight:600}.chapter__copy em{font-style:italic;color:var(--ink)}.kicker{display:inline-block;padding:1px 8px;border-radius:4px;background:var(--ochre-soft);color:var(--ink);font-weight:600}.kicker--rust{background:var(--rust-soft)}.kicker--teal{background:var(--teal-soft)}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero__title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:800;letter-spacing:-.04em;line-height:.92;margin:0 0 1.5rem}.hero__title .accent{color:var(--rust)}.hero__sub{font-size:var(--fs-lead);color:var(--ink-soft);max-width:36rem;margin:0 0 2.5rem}.hero__meta{font-size:var(--fs-small);color:var(--ink-faint);display:flex;gap:1.2rem;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:var(--fs-tiny);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .22s}body.scrolled .hero__scroll{opacity:0}.hero__scroll:after{content:"";width:1px;height:2rem;background:var(--ink-faint);animation:scrollPulse 1.8s ease-in-out infinite;transform-origin:top}@keyframes scrollPulse{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.hero__mammoth{position:absolute;right:-3rem;bottom:4rem;width:clamp(220px,36vw,480px);opacity:.18;pointer-events:none;color:var(--ink)}@media (max-width: 720px){.hero__mammoth{right:-8rem;bottom:30%;opacity:.1}}.theme-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:50;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-elev);color:var(--ink-soft);display:grid;place-items:center;font-size:1.1rem;box-shadow:var(--shadow-soft);transition:transform var(--transition),color var(--transition)}.theme-toggle:hover{color:var(--ink);transform:rotate(45deg)}.divider{display:flex;justify-content:center;align-items:center;padding:1rem 0;color:var(--ink-faint);opacity:.55}.divider svg{height:32px;width:auto}.viz{background:var(--bg-elev);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,1.75rem);box-shadow:var(--shadow-soft)}.viz__title{font-family:var(--font-display);font-size:var(--fs-small);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1rem}.viz__caption{font-size:var(--fs-small);color:var(--ink-soft);margin-top:1rem;line-height:1.5}.viz__row{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 760px){.viz__row.viz__row--split{grid-template-columns:2fr 1fr}}.viz__controls{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed var(--rule)}.viz__readout{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-soft)}.viz__readout strong{color:var(--ink);font-weight:600}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius);background:var(--ink);color:var(--bg);font-family:var(--font-display);font-size:var(--fs-tiny);font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background var(--transition),transform var(--transition)}.btn:hover{background:var(--rust)}.btn:active{transform:scale(.97)}.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--rule)}.btn--ghost:hover{background:var(--bg);color:var(--ink)}.btn--accent{background:var(--rust);color:var(--bone)}.btn--accent:hover{background:var(--ink)}.slider{display:grid;grid-template-columns:minmax(8ch,auto) 1fr minmax(5ch,auto);align-items:center;gap:.75rem;width:min(100%,28rem)}.slider__label{font-family:var(--font-display);font-size:var(--fs-tiny);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.slider__value{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--rule);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid var(--bg-elev);box-shadow:0 0 0 1px var(--ink)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid var(--bg-elev);box-shadow:0 0 0 1px var(--ink)}.toggle-group{display:inline-flex;background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius);padding:2px}.toggle-group__item{padding:.4rem .8rem;border-radius:calc(var(--radius) - 2px);font-family:var(--font-display);font-size:var(--fs-tiny);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);transition:background var(--transition),color var(--transition)}.toggle-group__item[aria-pressed=true]{background:var(--ink);color:var(--bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.colophon{padding:5rem var(--pad-gutter) 4rem;text-align:center;border-top:1px solid var(--rule);margin-top:4rem;color:var(--ink-faint);font-size:var(--fs-small)}.colophon a{color:var(--ink-soft)}.colophon p{margin:.4em 0}.reading-map{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}.reading-map__progress{position:absolute;left:0;top:0;width:100%;height:2px;background:var(--rust);transform-origin:left;transform:scaleX(0);transition:transform 60ms linear}.reading-map__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 12px;max-width:var(--col-bleed);margin:0 auto}.reading-map__dot{position:relative;width:18px;height:18px;display:grid;place-items:center;background:transparent;cursor:pointer}.reading-map__dot-fill{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);opacity:.35;transition:width .18s,height .18s,opacity .18s,background .18s}.reading-map__dot--past .reading-map__dot-fill{opacity:.7;background:var(--ink-soft)}.reading-map__dot--active .reading-map__dot-fill{opacity:1;background:var(--rust);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb,var(--rust) 18%,transparent)}.reading-map__dot--future .reading-map__dot-fill{opacity:.25;background:transparent;border:1.5px solid var(--ink-faint);width:8px;height:8px}.reading-map__dot-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--bg-elev);padding:3px 8px;border-radius:4px;border:1px solid var(--rule);opacity:0;pointer-events:none;transition:opacity .16s;z-index:5}.reading-map__dot:hover .reading-map__dot-label{opacity:1}@media (max-width: 760px){.reading-map__dots{gap:4px;padding:6px}.reading-map__dot{width:14px;height:14px}.reading-map__dot-fill{width:6px;height:6px}.reading-map__dot--active .reading-map__dot-fill{width:10px;height:10px}}.act-divider{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;text-align:center;padding:4rem var(--pad-gutter);margin:1.5rem 0;background:var(--bg-elev);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.act-divider__art{max-width:480px;margin:0 auto;width:100%;color:var(--ink-soft);opacity:.85}.act-divider__art svg{width:100%;height:auto}.act-divider__roman{font-family:var(--font-display);font-size:var(--fs-tiny);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ochre);margin-bottom:.4em}.act-divider__title{font-family:var(--font-display);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:var(--ink)}.act-divider__sub{margin-top:.4em;font-size:var(--fs-small);color:var(--ink-soft);font-style:italic}.stone-tablet{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin:2rem auto 0;max-width:var(--col-text);padding:1.1rem 1.25rem;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elev) 92%,var(--ochre) 8%),var(--bg-elev));border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);position:relative}.stone-tablet:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--ochre);border-radius:0 2px 2px 0}.stone-tablet__corner{width:32px;height:32px;color:var(--ochre)}.stone-tablet__eyebrow{font-family:var(--font-display);font-size:var(--fs-tiny);letter-spacing:.14em;text-transform:uppercase;color:var(--ochre);margin-bottom:.3em}.stone-tablet__takeaway{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.4}.narrator{display:grid;grid-template-columns:56px 1fr;gap:.75rem;align-items:center;margin:1.5rem auto;max-width:28rem;padding:.6rem .9rem;border-left:2px dashed var(--ink-faint);background:color-mix(in srgb,var(--bg-elev) 60%,transparent);border-radius:0 8px 8px 0}.narrator__figure{width:56px;height:56px;color:var(--ink-soft)}.narrator__figure svg{width:100%;height:100%}.narrator__line{font-family:var(--font-display);font-size:.95rem;font-style:italic;color:var(--ink-soft);line-height:1.4}.chapter[data-act=i]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 96%,var(--ink) 4%) 100%)}.chapter[data-act=ii]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 96%,var(--ochre) 4%) 100%)}.chapter[data-act=iii]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 96%,var(--rust) 4%) 100%)}.chapter[data-act=iv]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 96%,var(--teal) 4%) 100%)}.chapter[data-act=v]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 95%,var(--ochre) 5%) 100%)}.chapter[data-act=vi]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 95%,var(--rust) 5%) 100%)}.chapter[data-act=vii]{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 95%,var(--teal) 5%) 100%)}.scene__h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin-top:2rem;margin-bottom:.5em}.scene__intro-art{max-width:480px;margin:0 auto 2rem;color:var(--ink-soft);opacity:.7}.scene__intro-art svg{width:100%;height:auto}.term{font-family:var(--font-display);font-size:.96em;font-weight:600;letter-spacing:.01em;border-bottom:2px solid var(--ochre);padding-bottom:1px}.viz--placeholder{opacity:.85}.viz__placeholder-body{display:grid;place-items:center;gap:.75rem;padding:2.5rem 1rem;border:1px dashed var(--rule);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 70%,transparent)}.viz__placeholder-shape{width:80%;max-width:360px;height:80px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink-faint) 22%,transparent) 0 6px,transparent 6px 14px);border-radius:4px;opacity:.55}.viz__placeholder-hint{font-family:var(--font-display);font-size:var(--fs-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}