@import url('./assets/fonts/fonts.css?v=inter');
html{scrollbar-gutter:stable}
html.paper-scroll-locked{overscroll-behavior:none;scroll-behavior:auto}
html.paper-scroll-locked body{overscroll-behavior:none}
:root{--paper:#f1eadc;--paper-light:#faf5e9;--ink:#231e19;--red:#ba2b1b;--muted:#71695c;--rule:#c9bfae;--sans:'Inter',Arial,sans-serif;--display:'Oswald','Arial Narrow',Impact,sans-serif;--body:'Inter',Arial,sans-serif;--nav-height:68px;--page-progress:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.8' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
::selection{background:var(--red);color:var(--paper-light)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{border-radius:0}img{max-width:100%;display:block}button svg{width:18px;height:18px}button:disabled{cursor:default}.skip-link{position:fixed;top:-100px;left:15px;background:var(--ink);color:var(--paper);padding:14px;z-index:200}.skip-link:focus{top:12px}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;line-height:1.6}.red{color:var(--red)}
.site-header{position:fixed;z-index:80;top:0;left:0;right:0;height:var(--nav-height);background:rgba(241,234,220,.96);border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 3.2vw;gap:24px;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand-mark{font-family:var(--display);font-weight:700;font-size:31px;line-height:1;letter-spacing:-.05em}.brand-mark i{color:var(--red);font-style:normal}.brand-text{font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:700}.header-current{font-size:11px;color:var(--muted);margin-left:auto;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.quiet-toggle,.menu-toggle{border:0;background:none;display:flex;align-items:center;gap:9px;padding:10px 0;font-size:11px;font-weight:700;letter-spacing:.05em}.quiet-dot{height:7px;width:7px;border-radius:50%;background:var(--red)}.quiet-toggle[aria-pressed=true] .quiet-dot{background:var(--muted)}.menu-lines{width:21px;display:grid;gap:5px}.menu-lines::before,.menu-lines::after{content:'';height:1px;background:currentColor;width:100%}.progress-line{position:absolute;bottom:-2px;left:0;height:3px;background:var(--red);width:100%;transform:scaleX(var(--page-progress));transform-origin:left}
.hero{padding:calc(var(--nav-height) + 49px) 5vw 46px;max-width:1600px;margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-topline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:12px;margin-bottom:27px}.hero-topline span:last-child{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4vw;align-items:center}.hero-copy{position:relative;z-index:2;min-width:0}.hero h1{font-family:var(--display);font-size:clamp(65px,7.65vw,119px);line-height:.99;font-weight:600;text-transform:uppercase;letter-spacing:-.035em;margin:0 0 25px}.hero h1 .top-ten{font-size:.43em;display:block;letter-spacing:.02em;margin-bottom:16px}.hero h1 .title-red{color:var(--red);display:block}.hero-deck{font-family:var(--body);font-size:clamp(18px,1.8vw,23px);line-height:1.5;max-width:440px;margin:25px 0 12px}.hero-reading-info{margin:0 0 25px;font-family:var(--body);font-size:12px;line-height:1.7;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.hero-reading-info span{display:block}.start-link{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--ink);color:var(--paper-light);padding:18px 22px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,transform .25s}.start-link:hover{background:var(--red);transform:translateY(-3px)}.start-link .arrow{font-size:22px;line-height:1}.hero-meta{font-size:10px;color:var(--muted);letter-spacing:.1em;margin:18px 0 0;text-transform:uppercase}.hero-poster{position:relative;margin:0;padding:0;max-width:565px;justify-self:end;width:100%;transform:rotate(2deg)}.hero-poster::before{content:'';position:absolute;inset:14px -14px 14px 14px;background:var(--ink);z-index:0}.hero-poster img{width:100%;height:auto;position:relative;border:1px solid var(--ink)}.poster-label{position:absolute;left:-32px;bottom:2px;background:var(--red);color:var(--paper-light);padding:13px 21px;font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:.05em;transform:rotate(-4deg);border:1px solid var(--ink)}.hero-bottom{display:flex;gap:16px;align-items:center;border-top:1px solid var(--rule);margin-top:35px;padding-top:16px;color:var(--muted);font-size:10px;letter-spacing:.06em}.hero-bottom .vertical-arrow{font-size:22px;color:var(--red)}.hero-bottom .authors-small{margin-left:auto;text-align:right}
.opening{height:370svh;position:relative;background:#201b17;color:var(--paper-light);--scene-progress:0}.opening-pin{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--nav-height)}.opening-meta{position:absolute;top:calc(var(--nav-height) + 24px);left:5vw;right:5vw;display:flex;justify-content:space-between;z-index:7;color:#d8c9af}.opening-meta span+span{opacity:.55}.opening-art{position:relative;width:min(100%,1400px);aspect-ratio:1672/941;flex-shrink:0;transform:scale(calc(1.01 + var(--scene-progress)*.035));background:#a72315;will-change:transform}.opening-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 10%,#c32d16,#a52413 70%)}.opening-base,.weapon-layer{position:absolute;inset:0;width:100%;height:100%}.opening-base{clip-path:polygon(0 0,54% 0,54% 14%,61% 8%,64% 13%,65.2% 18%,65.5% 24%,69% 32%,75% 37%,80% 35%,81% 30%,77% 24%,74% 17%,70% 12%,68% 9%,66% 4%,67% 0,100% 0,100% 100%,0 100%)}.weapon-layer{clip-path:polygon(55% 13%,57.5% 7%,61% 3.5%,65.6% 1.2%,66.2% 2.6%,64.8% 4.2%,68.4% 12.9%,69.8% 13%,71.8% 16%,74.4% 18.7%,76.7% 25%,79.6% 29.8%,79.9% 34.5%,76% 37.4%,71.3% 31%,67.2% 26%,65.6% 21%,65.8% 15.9%,63.6% 10%,61% 6.2%,57.8% 10.6%);transform-origin:71% 32%;transform:translate(var(--axe-x,5%),var(--axe-y,-4%)) rotate(var(--axe-angle,9deg));filter:drop-shadow(2px 4px 2px #0003);will-change:transform}.opening-shade{position:absolute;inset:0;background:linear-gradient(0deg,#201b17 0%,transparent 28%,transparent 76%,#201b1733 100%);pointer-events:none}.opening-caption{position:absolute;z-index:8;bottom:7svh;left:9vw;width:80%;text-shadow:0 2px 20px #0009}.opening-caption h2{font-family:var(--display);font-size:clamp(38px,5.2vw,76px);line-height:1.12;text-transform:uppercase;font-weight:500;margin:0;max-width:800px}.opening-caption p{font-family:var(--body);font-size:18px;line-height:1.5;max-width:580px;margin:16px 0 0;color:#e2d5bf}.opening-caption[data-phase=second]{opacity:0;transform:translateY(20px)}.opening-label{background:var(--red);display:inline-block;padding:6px 11px;margin-bottom:13px;font-size:10px;font-weight:700;letter-spacing:.16em}.scene-progress-track{position:absolute;right:5vw;top:41%;height:105px;width:1px;background:#fff3;z-index:9}.scene-progress-track::after{content:'';display:block;width:3px;height:100%;background:var(--paper);transform:scaleY(var(--scene-progress));transform-origin:top}.scene-progress-track span{display:block;position:absolute;top:120px;left:-18px;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;letter-spacing:.18em;white-space:nowrap}.skip-scene{position:absolute;z-index:10;right:5vw;bottom:25px;color:#d8c9af;font-size:10px;letter-spacing:.09em}.rewind{position:absolute;inset:0;background:var(--red);z-index:12;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--paper-light);overflow:hidden}.rewind-card{position:absolute;width:43vw;max-width:600px;box-shadow:0 10px 60px #0007;border:6px solid var(--paper);opacity:.5;filter:sepia(.2)}.rewind-card.one{left:-10%;top:9%;transform:rotate(-11deg)}.rewind-card.two{right:-9%;bottom:3%;transform:rotate(13deg)}.rewind-type{position:relative;z-index:1;text-align:center}.rewind-type strong{font-family:var(--display);font-size:clamp(140px,23vw,360px);line-height:1;font-weight:500;letter-spacing:-.05em}.rewind-type p{font-size:11px;text-transform:uppercase;letter-spacing:.3em}
.introduction{position:relative;max-width:1440px;margin:auto;padding:110px 8vw 95px;display:grid;grid-template-columns:1fr 1.6fr;gap:8vw}.intro-number{font-family:var(--display);font-size:clamp(120px,18vw,255px);line-height:.9;color:var(--red);letter-spacing:-.06em;margin-top:28px}.intro-number small{font-family:var(--sans);display:block;font-size:11px;letter-spacing:.17em;color:var(--ink);margin:20px 0 0 13px}.introduction h2{font-family:var(--display);font-size:clamp(35px,4vw,56px);text-transform:uppercase;line-height:1.15;font-weight:500;margin:0 0 25px}.introduction p{font-family:var(--body);font-size:20px;line-height:1.7;margin:0 0 19px}.introduction .intro-note{font-family:var(--sans);font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--rule);padding-top:18px;margin-top:25px}.contents-strip{border-block:1px solid var(--ink);display:grid;grid-template-columns:repeat(10,1fr);margin:0 5vw 100px}.contents-strip a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;border-right:1px solid var(--rule);padding:18px 5px;transition:color .2s,background .2s}.contents-strip a:last-child{border-right:0}.contents-strip a:hover{background:var(--red);color:var(--paper-light)}.contents-strip b{font-family:var(--display);font-size:29px;font-weight:500}.contents-strip span{font-size:9px;letter-spacing:.09em;color:inherit}
.chapter{position:relative;border-top:1px solid var(--ink)}.chapter-heading{max-width:1440px;padding:45px 8vw 35px;margin:auto;display:grid;grid-template-columns:1fr 3.5fr;gap:25px;align-items:start}.chapter-index{font-family:var(--display);font-size:clamp(76px,9vw,132px);font-weight:400;line-height:1;color:var(--red);letter-spacing:-.045em}.chapter-index span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:12px}.chapter-heading .eyebrow{color:var(--muted);margin-bottom:15px}.chapter-title{font-family:var(--display);text-transform:uppercase;font-weight:500;line-height:1.08;font-size:clamp(38px,4.65vw,68px);letter-spacing:-.018em;max-width:880px;margin:0}.chapter-stage{height:175svh;position:relative;--split:0;--zoom:1}.stage-pin{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ink)}.split-art{position:relative;width:100%;height:100%;overflow:hidden}.split-piece{position:absolute;inset:0;overflow:hidden;will-change:transform}.split-piece img{width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom,1.02));will-change:transform}.split-piece.left{clip-path:var(--clip-left,polygon(0 0,46% 0,65% 100%,0 100%));transform:translate(calc(var(--split)*-7vw),calc(var(--split)*-1.5vh)) rotate(calc(var(--split)*-2deg));transform-origin:30% 60%}.split-piece.right{clip-path:var(--clip-right,polygon(46% 0,100% 0,100% 100%,65% 100%));transform:translate(calc(var(--split)*7vw),calc(var(--split)*1.5vh)) rotate(calc(var(--split)*2deg));transform-origin:75% 45%}.stage-folio{position:absolute;z-index:4;top:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:var(--paper-light);font-size:10px;font-weight:700;letter-spacing:.13em;pointer-events:none;text-shadow:0 1px 8px #000}.stage-folio span{background:#211c18c9;padding:8px 11px}.stage-cue{position:absolute;z-index:3;bottom:24px;left:4vw;color:var(--paper-light);background:#211c18cc;padding:10px 13px;font-size:10px;letter-spacing:.05em;max-width:80%}.stage-bridge{position:absolute;z-index:2;top:50%;left:18%;right:18%;text-align:center;color:var(--paper);font-family:var(--display);font-size:clamp(23px,3vw,45px);text-transform:uppercase;line-height:1.2;opacity:calc(var(--split)*1.2);transform:translateY(-50%);pointer-events:none}.chapter-content{max-width:1220px;margin:auto;padding:65px 60px 85px;display:grid;grid-template-columns:180px minmax(0,720px);gap:65px;justify-content:center}.chapter-margin{padding-top:12px;font-size:11px;color:var(--muted);line-height:1.7}.chapter-margin .margin-label{font-size:9px;text-transform:uppercase;letter-spacing:.16em;display:block;margin-bottom:9px}.chapter-margin .margin-date{font-family:var(--display);font-size:32px;color:var(--ink);font-weight:400;line-height:1.2;display:block}.margin-line{width:34px;height:2px;background:var(--red);margin:24px 0}.chapter-deck{font-family:var(--body);font-size:clamp(22px,2.2vw,29px);line-height:1.5;letter-spacing:-.02em;margin:0 0 35px}.story-prose{font-family:var(--body);font-size:19px;line-height:1.85}.story-prose p{margin:0 0 24px}.story-prose h3{font-family:var(--display);text-transform:uppercase;font-size:28px;line-height:1.3;font-weight:500;margin:42px 0 19px}.story-aside{margin:40px 0;padding:24px 0 26px 25px;border-left:3px solid var(--red);font-family:var(--display);font-size:31px;font-weight:400;line-height:1.35;letter-spacing:-.01em}.source-note{border-top:1px solid var(--rule);margin-top:35px;font-family:var(--sans);font-size:12px;line-height:1.75}.source-note summary{cursor:pointer;padding:20px 0 15px;list-style:none;font-weight:700;display:flex;align-items:center;justify-content:space-between}.source-note summary::-webkit-details-marker{display:none}.source-note summary::after{content:'+';font-size:24px;color:var(--red);font-weight:400}.source-note[open] summary::after{content:'−'}.source-note ol{margin:0 0 20px;padding-left:18px}.source-note li{padding:5px 0;color:var(--muted)}.source-note a{color:var(--ink)}.chapter-next{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:21px 0;border-block:1px solid var(--rule);margin-top:35px;gap:20px}.chapter-next strong{font-weight:700}.chapter-next span{font-size:22px;color:var(--red)}
.interlude{background:var(--red);color:var(--paper-light);padding:68px 8vw 75px;display:grid;grid-template-columns:1fr 3fr;gap:35px}.interlude .eyebrow{padding-top:12px}.interlude h2{font-family:var(--display);font-size:clamp(40px,5.7vw,80px);font-weight:500;line-height:1.12;text-transform:uppercase;margin:0;max-width:900px}.interlude p{font-family:var(--body);font-size:20px;line-height:1.65;max-width:600px;margin:22px 0 0}.route{padding:25px 0 30px;margin:30px 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-block:1px solid var(--rule)}.route::before{content:'';position:absolute;left:10px;right:10px;top:38px;height:1px;background:var(--red)}.route-stop{position:relative;padding-top:38px;font-family:var(--sans);font-size:11px;line-height:1.5}.route-stop::before{content:'';width:7px;height:7px;background:var(--red);border-radius:50%;position:absolute;top:10px;left:0;outline:5px solid var(--paper)}.route-stop b{display:block;margin-bottom:4px;font-size:12px}.route-stop span{color:var(--muted)}
.epilogue{background:var(--ink);color:var(--paper);padding:100px 8vw 100px;position:relative;overflow:hidden}.epilogue-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.epilogue .eyebrow{color:#b9a994}.epilogue h2{font-family:var(--display);font-size:clamp(55px,6vw,86px);line-height:1.12;text-transform:uppercase;font-weight:500;margin:28px 0 0}.epilogue h2 em{color:#df5a3b;font-style:normal}.epilogue-copy{font-family:var(--body);font-size:20px;line-height:1.8}.epilogue-copy p:first-child{margin-top:0}.final-question{max-width:1120px;margin:70px auto 0;border-top:1px solid #786c5b;padding-top:40px;display:grid;grid-template-columns:1fr 3fr;gap:45px}.final-question .eyebrow{padding-top:8px}.final-question p{font-family:var(--body);font-size:clamp(28px,3.2vw,44px);line-height:1.4;margin:0;max-width:830px}.end-count{font-family:var(--display);font-size:13vw;color:#ffffff08;position:absolute;left:-20px;bottom:-30px;line-height:1;pointer-events:none}
.sources-section{max-width:1280px;margin:auto;padding:75px 7vw 55px;display:grid;grid-template-columns:1fr 2.2fr;gap:60px}.sources-section h2{font-family:var(--display);font-size:38px;font-weight:500;text-transform:uppercase;margin:0 0 20px;line-height:1.1}.sources-section .source-intro{font-size:12px;line-height:1.8;color:var(--muted);max-width:250px}.bibliography{list-style:none;margin:0;padding:0;counter-reset:source}.bibliography li{counter-increment:source;border-top:1px solid var(--rule);padding:13px 0 14px 40px;position:relative;font-size:12px;line-height:1.65}.bibliography li::before{content:counter(source,decimal-leading-zero);position:absolute;left:0;top:15px;font-family:var(--display);font-size:18px;color:var(--red)}.bibliography a{font-weight:600}.bibliography small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.site-footer{border-top:1px solid var(--ink);margin:0 5vw;padding:24px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px;line-height:1.7;color:var(--muted)}.site-footer strong{color:var(--ink);font-weight:600}.site-footer .back-to-top{text-align:right;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.footer-bottom{grid-column:1/-1;font-size:10px;max-width:860px;margin-top:8px}.reading-progress{position:fixed;z-index:40;right:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .3s}.reading-progress.visible{opacity:1}.reading-progress a{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);text-decoration:none;position:relative}.reading-progress a.active{background:var(--red);border-color:var(--red);transform:scale(1.5)}.reading-progress a::before{content:attr(data-label);position:absolute;right:18px;top:-7px;white-space:nowrap;padding:4px 7px;background:var(--ink);color:var(--paper);font-size:10px;opacity:0;pointer-events:none}.reading-progress a:hover::before,.reading-progress a:focus::before{opacity:1}
.contents-dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(1100px,92vw);max-height:88svh;overflow:auto;box-shadow:0 20px 90px #0006}.contents-dialog::backdrop{background:#231e19b8;backdrop-filter:blur(6px)}.dialog-head{padding:28px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:sticky;top:0;background:var(--paper);z-index:3}.dialog-head h2{font-family:var(--display);font-size:32px;text-transform:uppercase;font-weight:500;margin:0}.close-dialog{border:0;background:none;font-size:30px;line-height:1;padding:6px 12px}.dialog-links{display:grid;grid-template-columns:1fr 1fr;padding:20px 35px 30px;gap:0 38px}.dialog-links a{text-decoration:none;border-bottom:1px solid var(--rule);padding:16px 0;display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:center;font-size:13px;line-height:1.45}.dialog-links a:hover{color:var(--red)}.dialog-links b{font-family:var(--display);font-size:25px;font-weight:500;color:var(--red)}.dialog-links a:first-child,.dialog-links a:last-child{grid-column:1/-1}.dialog-links .tiny{font-size:10px;color:var(--muted);display:block;margin-top:4px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.is-visible{opacity:1;transform:none}.calm-mode .reveal{opacity:1!important;transform:none!important;transition:none!important}.calm-mode .chapter-stage{height:auto}.calm-mode .stage-pin{position:relative;top:0;height:auto;aspect-ratio:16/9}.calm-mode .split-piece{transform:none!important}.calm-mode .split-piece img{transform:none!important}.calm-mode .stage-bridge,.calm-mode .stage-cue,.calm-mode .scene-progress-track{display:none}.calm-mode .opening{height:110svh}.calm-mode .opening-pin{position:relative;height:110svh}.calm-mode .opening-art{transform:none!important}.calm-mode .weapon-layer{transform:none!important}.calm-mode .rewind{display:none!important}.calm-mode .opening-caption[data-phase=first]{opacity:1!important;transform:none!important}.calm-mode .opening-caption[data-phase=second]{display:none}.calm-mode .hero-poster{transform:none}
@media(min-width:1600px){.split-art{max-width:1700px}.chapter-stage{height:155svh}.stage-pin{max-height:1000px}.opening-pin{max-height:1100px}}
@media(max-width:1050px){.hero{padding-inline:6vw}.hero-grid{gap:5vw}.hero h1{font-size:8vw}.hero-poster{max-width:460px}.header-current{max-width:160px}.quiet-toggle .quiet-text{display:none}.chapter-content{grid-template-columns:110px minmax(0,690px);gap:40px;padding-inline:6vw}.reading-progress{right:12px}.introduction{gap:6vw;padding-inline:7vw}.hero-meta{font-size:9px}.split-piece img{object-fit:contain}.stage-pin{background:#211b17}.chapter-stage{height:155svh}.stage-bridge{left:17%;right:17%;font-size:32px}.interlude{grid-template-columns:1fr 3fr}.epilogue-inner{grid-template-columns:1fr 1.1fr;gap:5vw}}
@media(max-width:760px){:root{--nav-height:58px}.site-header{padding:0 5vw;gap:14px}.brand-mark{font-size:28px}.brand-text{font-size:8px}.header-actions{margin-left:auto;gap:18px}.header-current{display:none}.menu-toggle{font-size:10px}.hero{padding:86px 5vw 30px;min-height:auto}.hero-topline{font-size:8px;letter-spacing:.1em;margin-bottom:24px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(62px,14vw,100px);line-height:1.02;margin-bottom:20px}.hero h1 .top-ten{font-size:.45em;margin-bottom:9px}.hero-deck{font-size:20px;max-width:440px;margin-top:20px}.hero-poster{max-width:none;width:100%;justify-self:center;margin:10px 0 12px;transform:rotate(2deg)}.hero-poster::before{inset:10px -10px 18px 10px}.poster-label{font-size:18px;left:-20px}.hero-bottom{margin-top:25px;font-size:9px;align-items:flex-start}.hero-bottom .authors-small{max-width:150px;font-size:8px;line-height:1.8}.hero-meta{font-size:9px}.start-link{font-size:11px;padding:17px 20px}.opening{height:320svh}.opening-meta{top:80px;font-size:9px;letter-spacing:.09em}.opening-meta span+span{display:none}.opening-art{width:150vw;max-width:none;aspect-ratio:1672/941;transform:translateY(-3svh) scale(calc(1 + var(--scene-progress)*.025));margin:0 -25vw}.opening-caption{left:7vw;bottom:12svh;max-width:85%}.opening-caption h2{font-size:clamp(30px,7.5vw,48px)}.opening-caption p{font-size:16px;line-height:1.55;max-width:350px}.opening-label{font-size:8px}.opening-shade{background:linear-gradient(0deg,#201b17 7%,transparent 38%,transparent 80%,#201b1744)}.scene-progress-track{height:70px;right:4vw;top:29%}.scene-progress-track span{top:85px;font-size:8px}.skip-scene{font-size:9px;bottom:25px;right:7vw}.rewind-card{width:70vw;max-width:none}.rewind-card.one{left:-20%;top:22%}.rewind-card.two{right:-20%;bottom:17%}.rewind-type strong{font-size:39vw}.introduction{padding:65px 7vw 40px;grid-template-columns:1fr;gap:28px}.intro-number{font-size:100px;margin-top:5px;display:inline-block}.intro-number small{font-size:9px;display:inline-block;max-width:100px;line-height:1.7;margin-left:18px}.introduction h2{font-size:37px}.introduction p{font-size:18px}.introduction .intro-note{font-size:11px}.contents-strip{margin:0 7vw 60px;grid-template-columns:repeat(5,1fr)}.contents-strip a{padding:12px 5px;border-bottom:1px solid var(--rule)}.contents-strip a:nth-child(5){border-right:0}.contents-strip a:nth-child(n+6){border-bottom:0}.contents-strip b{font-size:25px}.contents-strip span{font-size:8px}.chapter-heading{padding:30px 7vw 27px;grid-template-columns:60px 1fr;gap:16px}.chapter-index{font-size:65px}.chapter-index span{font-size:8px;line-height:1.5;margin-top:6px}.chapter-heading .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:.1em}.chapter-title{font-size:clamp(29px,7.8vw,45px);line-height:1.12}.chapter-stage{height:125svh}.stage-pin{height:calc(75svh - var(--nav-height));min-height:350px}.split-art{height:100%;width:150%;flex-shrink:0}.split-piece img{object-fit:cover}.split-piece.left{transform:translate(calc(var(--split)*-12vw),calc(var(--split)*-1vh)) rotate(calc(var(--split)*-3deg))}.split-piece.right{transform:translate(calc(var(--split)*12vw),calc(var(--split)*1vh)) rotate(calc(var(--split)*3deg))}.stage-folio{top:17px;left:5vw;right:5vw;font-size:8px;letter-spacing:.07em}.stage-folio span{padding:6px 8px}.stage-cue{left:5vw;bottom:17px;font-size:8px;line-height:1.6;max-width:87%;padding:7px 9px}.stage-bridge{font-size:23px;left:18%;right:18%}.chapter-content{display:block;padding:35px 7vw 50px}.chapter-margin{display:flex;align-items:center;gap:15px;padding:0 0 25px;font-size:10px}.chapter-margin .margin-label{font-size:8px;margin:0}.chapter-margin .margin-date{font-size:20px}.chapter-margin .margin-line{display:none}.chapter-margin .margin-description{display:none}.chapter-deck{font-size:23px;line-height:1.5;margin-bottom:28px}.story-prose{font-size:18px;line-height:1.85}.story-prose p{margin-bottom:22px}.story-prose h3{font-size:25px;margin-top:32px}.story-aside{font-size:27px;padding-left:20px;margin:30px 0}.source-note{font-size:11px}.chapter-next{font-size:10px;letter-spacing:.04em;line-height:1.6}.interlude{display:block;padding:40px 7vw 45px}.interlude .eyebrow{margin-bottom:25px;font-size:9px}.interlude h2{font-size:42px}.interlude p{font-size:18px}.epilogue{padding:65px 7vw}.epilogue-inner{display:block}.epilogue h2{font-size:53px;margin:20px 0 30px}.epilogue-copy{font-size:18px;line-height:1.8}.final-question{display:block;margin-top:38px;padding-top:25px}.final-question .eyebrow{margin-bottom:20px}.final-question p{font-size:29px}.sources-section{display:block;padding:50px 7vw 35px}.sources-section h2{font-size:32px}.sources-section .source-intro{max-width:none;margin-bottom:25px}.bibliography li{font-size:11px;padding-left:32px}.bibliography small{font-size:10px}.site-footer{margin-inline:7vw;display:block;padding:25px 0;font-size:10px}.back-to-top{margin:20px 0;text-align:left!important}.footer-bottom{font-size:9px}.reading-progress{display:none}.contents-dialog{width:94vw;max-height:88svh}.dialog-head{padding:20px}.dialog-head h2{font-size:28px}.dialog-links{display:block;padding:5px 20px 25px}.dialog-links a{font-size:12px;padding:13px 0}.calm-mode .opening-art{transform:translateY(-3svh)!important}.calm-mode .opening-pin,.calm-mode .opening{height:100svh}.calm-mode .stage-pin{height:auto;min-height:0;aspect-ratio:16/9}.calm-mode .split-art{width:100%}.route{margin:24px 0}.route-stop{font-size:9px}.route-stop b{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-poster{transform:none}.start-link{transition:none}.split-piece,.weapon-layer,.opening-art,.rewind-card{will-change:auto}}
@media print{.site-header,.reading-progress,.contents-dialog,.start-link,.skip-scene,.opening,.contents-strip,.stage-cue,.chapter-next,.back-to-top{display:none!important}.hero,.chapter-content,.introduction,.sources-section,.epilogue,.interlude{padding:25px 0;display:block;max-width:none;min-height:0}.hero h1{font-size:50px}.hero-poster{display:none}.chapter-stage{height:auto}.stage-pin{position:static;height:auto;aspect-ratio:16/9}.split-piece{transform:none!important}.split-piece img{transform:none!important}.chapter-heading{padding:20px 0}.chapter-title{font-size:32px}.chapter-content{font-size:12pt}.story-prose{font-size:11pt;line-height:1.5}.reveal{opacity:1!important;transform:none!important}body::after{display:none}.epilogue{background:none;color:var(--ink)}a{color:var(--ink)}.source-note{display:block}.source-note ol{display:block}}

/* Original image layers retain identical coordinates while their panels move. */
.opening-base{clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,55% 12.8%,56.7% 8.1%,59.8% 4.4%,62.4% 3.4%,65.5% 1.2%,65.9% 2.8%,63.3% 5.3%,67.3% 13.5%,68.7% 13.4%,70.6% 15.3%,71.8% 18.2%,72.1% 19.5%,73.3% 18%,74.5% 20.1%,74.7% 23%,76.1% 26.6%,78% 29.1%,76.5% 32%,74% 29%,72.2% 25.3%,70.8% 24%,68.2% 21.7%,66.4% 20.2%,65.5% 18.2%,66.1% 15.5%,62.3% 7%,61.5% 6.1%,57.9% 9.2%,55% 12.8%,0% 0%)}
.weapon-layer{clip-path:polygon(55% 12.8%,56.7% 8.1%,59.8% 4.4%,62.4% 3.4%,65.5% 1.2%,65.9% 2.8%,63.3% 5.3%,67.3% 13.5%,68.7% 13.4%,70.6% 15.3%,71.8% 18.2%,72.1% 19.5%,73.3% 18%,74.5% 20.1%,74.7% 23%,76.1% 26.6%,78% 29.1%,76.5% 32%,74% 29%,72.2% 25.3%,70.8% 24%,68.2% 21.7%,66.4% 20.2%,65.5% 18.2%,66.1% 15.5%,62.3% 7%,61.5% 6.1%,57.9% 9.2%);transform-origin:71.2% 31.9%}
.split-art{z-index:2;width:min(100%,calc((100svh - var(--nav-height))*1.7768));height:auto;aspect-ratio:1672/941}.split-piece img{object-fit:fill;transform:none}.split-piece.left{transform:translate(calc(var(--split)*-7vw),calc(var(--split)*-1vh)) rotate(calc(var(--split)*-.7deg))}.split-piece.right{transform:translate(calc(var(--split)*7vw),calc(var(--split)*1vh)) rotate(calc(var(--split)*.7deg))}.stage-bridge{z-index:1;font-size:clamp(80px,12vw,170px);letter-spacing:-.03em;opacity:var(--split)}
@media(max-width:760px){.split-art{width:150%;height:auto;flex-shrink:0}.stage-bridge{font-size:70px}.split-piece.left{transform:translate(calc(var(--split)*-13vw),calc(var(--split)*-1vh)) rotate(calc(var(--split)*-1deg))}.split-piece.right{transform:translate(calc(var(--split)*13vw),calc(var(--split)*1vh)) rotate(calc(var(--split)*1deg))}}
/* Keep each date inside the opening between its own two panels. */
.stage-bridge{left:var(--seam,50%);right:auto;width:max-content;font-size:clamp(36px,4vw,58px);transform:translate(-50%,-50%)}
@media(max-width:760px){.stage-bridge{left:calc(50% + (var(--seam,50%) - 50%)*1.5);font-size:31px}}
/* ImageGen flipbook. Whole painted frames replace the old cutout weapon. */
.opening-art::before{display:none}.opening-art{background:#ab291b;transform:scale(calc(1 + var(--scene-progress)*.025))}.opening-sequence{position:absolute;inset:0;background-size:200% 200%;background-position:0% 0%;background-repeat:no-repeat}.year-cover{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;--cover-scale:.015;--cover-angle:-18deg}.year-card{position:absolute;left:40%;top:34%;width:150vw;height:150svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1eadc;color:#b32e20;transform:translate(-50%,-50%) rotate(var(--cover-angle)) scale(var(--cover-scale));transform-origin:center;clip-path:polygon(1% 2%,99% 0,100% 98%,0 100%);box-shadow:0 20px 70px #0009}.year-card strong{font-family:var(--display);font-size:clamp(170px,35vw,550px);font-weight:600;line-height:1;letter-spacing:-.055em}.year-card span,.year-card p{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.year-card p{color:var(--ink);margin-top:24px}.rewind{background:var(--red)}.opening-caption h2{font-size:clamp(38px,4.8vw,68px)}.calm-mode .year-cover{display:none}.calm-mode .opening-sequence{background-position:0 0!important}.quiet-toggle{min-width:30px;min-height:34px}.quiet-dot{position:relative}.quiet-dot::after{content:'Ⅱ';position:absolute;left:10px;top:-5px;font-size:12px;font-weight:700;color:var(--ink)}.calm-mode .quiet-dot::after{content:'▷'}
@media(max-width:760px){.opening-art{width:150vw;transform:translateY(-6svh)}.opening-caption{bottom:10svh}.opening-caption h2{font-size:34px}.opening-caption p{font-size:15px}.year-card{width:170vw;height:170svh;top:40%;left:42%}.year-card strong{font-size:48vw}.year-card span,.year-card p{font-size:9px;letter-spacing:.1em}.year-card p{max-width:70vw;text-align:center}.quiet-dot::after{left:8px}}
.year-card{left:calc(40% + var(--cover-progress,0)*10%);top:calc(34% + var(--cover-progress,0)*21%)}
@media(max-width:760px){.year-card{left:calc(42% + var(--cover-progress,0)*8%);top:calc(40% + var(--cover-progress,0)*13%)}}

/* Static review frame while the opening animation is rebuilt. */
.opening{height:110svh}.opening-pin{position:relative;height:110svh}.opening-sequence{background-image:url("assets/opening/still-v2.png");background-position:0% 0%}.year-cover,.rewind,.scene-progress-track{display:none}.opening-caption[data-phase=second]{display:none}.opening-art{transform:none}
.quiet-toggle{gap:18px}.quiet-dot::after{left:7px}

/* The complete illustration tears apart to reveal the whole year. */
.chapter-stage{height:max(205svh,calc(100vw/var(--art-ratio) + 100svh));--split:0}
.js .chapter-stage{--split:0}
.stage-pin{height:calc(100svh - var(--nav-height));max-height:none;min-height:calc(100vw/var(--art-ratio));background:var(--red);isolation:isolate}
.split-art{z-index:2;flex-shrink:0;width:100%;max-width:none;height:auto;aspect-ratio:var(--art-ratio);overflow:visible}
.split-piece,.assembled-art{position:absolute;inset:0;transform-origin:50% 50%}
.split-piece img,.assembled-art img{width:100%;height:100%;object-fit:fill;transform:none;will-change:auto}
.split-piece.left{transform:translateX(calc(var(--split)*var(--spread-left)*-1)) rotate(calc(var(--split)*-1.6deg))}
.split-piece.right{transform:translateX(calc(var(--split)*var(--spread-right))) rotate(calc(var(--split)*1.6deg))}
.assembled-art{opacity:1}
.js .assembled-art{opacity:0}
.js .is-assembled .assembled-art{opacity:1}
.js .is-assembled .split-piece{visibility:hidden}
.stage-bridge{z-index:1;left:50%;right:auto;top:min(50%,calc((100svh - var(--nav-height))/2));width:max-content;max-width:none;margin:0;padding:0;transform:translate(-50%,-50%) scaleX(.82);font-size:min(38vw,64svh);font-weight:400;letter-spacing:-.045em;line-height:1;color:var(--paper-light);opacity:1}
.calm-mode .chapter-stage{height:auto}
.calm-mode .stage-pin{height:auto;min-height:0;aspect-ratio:var(--art-ratio);background:var(--ink)}
.calm-mode .split-art{width:100%;height:auto}
.calm-mode .assembled-art{opacity:1}
.calm-mode .split-piece{visibility:hidden}
@media(max-width:760px){
 .chapter-stage{height:200svh}
 .stage-pin{height:calc(100svh - var(--nav-height));min-height:0}
 .split-art{width:100%;height:auto}
 .stage-bridge{left:50%;font-size:40vw}
}
@media print{
 .chapter-stage{height:auto}
 .stage-pin{height:auto;min-height:0;aspect-ratio:var(--art-ratio)}
 .split-art{width:100%}
 .assembled-art{opacity:1!important}
 .split-piece,.stage-bridge{display:none}
}

/* Fine angular paper fibres follow the same seam on both moving pieces. */
.paper-edge{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:var(--paper-edge-opacity,1);overflow:visible}
.js .paper-edge{display:block}
.paper-edge polyline{fill:none;stroke:#efdfbb;stroke-width:3.5;stroke-linejoin:miter;stroke-miterlimit:3;stroke-linecap:butt}
.split-piece{will-change:auto}
.chapter-stage.is-near .split-piece{will-change:transform;backface-visibility:hidden}
.split-piece.left{transform-origin:50% 50%;transform:translateX(calc(var(--split)*var(--spread-left)*-1)) rotate(calc(var(--split)*-1.6deg))}
.split-piece.right{transform-origin:50% 50%;transform:translateX(calc(var(--split)*var(--spread-right))) rotate(calc(var(--split)*1.6deg))}
.paper-particles{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none}
.calm-mode .paper-particles,.calm-mode .paper-edge{display:none}
@media(prefers-reduced-motion:reduce){.paper-particles{display:none}.chapter-stage.is-near .split-piece{will-change:auto}}
@media print{.paper-particles,.paper-edge{display:none}}

/* Rodchenko's original angular forms for headings and dates. */
.brand{gap:10px}
.brand-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}
:root{--display:'Rodchenko','Arial Narrow',Impact,sans-serif}
:is(.hero h1,.opening-caption h2,.introduction h2,.chapter-title,.story-prose h3,.interlude h2,.epilogue h2,.sources-section h2,.dialog-head h2,.stage-bridge,.chapter-index,.intro-number,.brand-mark,.contents-strip b,.dialog-links b,.poster-label,.chapter-margin .margin-date,.story-aside,.end-count){font-family:var(--display);font-weight:400;font-synthesis:none}
:is(.eyebrow,.start-link,.hero-meta,.chapter-margin .margin-label,.chapter-next,.back-to-top,.brand-text,.header-current,.quiet-toggle,.menu-toggle,.opening-label,.stage-folio,.intro-number small,.contents-strip span){font-family:var(--display);font-weight:400;font-synthesis:none}
.eyebrow{letter-spacing:.09em}
.chapter-title{line-height:1.12;letter-spacing:-.025em}
.hero h1{letter-spacing:-.045em;line-height:1.04}
.hero h1 .top-ten{letter-spacing:-.02em}
.interlude h2,.epilogue h2{letter-spacing:-.035em}
.story-prose h3{letter-spacing:-.015em}
.poster-label{font-size:19px;line-height:1.25;max-width:calc(100% + 32px)}
@media(max-width:760px){
 .brand{gap:8px}
 .brand-icon{width:36px;height:36px}
 .hero h1{font-size:clamp(44px,14.5vw,100px);line-height:1.05}
 .chapter-heading{grid-template-columns:48px minmax(0,1fr);gap:14px}
 .chapter-index{font-size:52px}
 .chapter-title{font-size:clamp(23px,6.5vw,40px);line-height:1.17}
 .interlude h2{font-size:clamp(30px,8vw,42px)}
 .epilogue h2{font-size:clamp(35px,10vw,53px)}
 .poster-label{font-size:16px}
}

/* Local dramatic plan in the main navigation. */
.plan-link{display:inline-flex;align-items:center;gap:.35em;min-height:44px;padding:10px 0;color:var(--ink);font-family:var(--display);font-size:11px;font-weight:400;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;font-synthesis:none;white-space:nowrap;flex-shrink:0}
.plan-link:hover{color:var(--red)}
.plan-link:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(max-width:760px){
 .site-header{gap:10px}
 .brand{gap:6px}
 .brand-icon{width:32px;height:32px}
 .brand-mark{font-size:26px}
 .header-actions{gap:10px}
 .plan-link{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;font-size:10px;letter-spacing:.03em;padding:5px 0}
 .menu-toggle{min-height:44px;letter-spacing:.03em}
 .menu-lines{display:none}
}
@media(max-width:340px){
 .site-header{padding-inline:10px;gap:6px}
 .brand{gap:5px}
 .brand-icon{width:28px;height:28px}
 .brand-mark{font-size:24px}
 .header-actions{gap:6px}
}

/* Center reading columns */
@media screen{
.introduction{display:block;padding-inline:24px}
.introduction>div{max-width:720px;margin-inline:auto}
.introduction>div:first-child{margin-bottom:28px}
.chapter-heading{position:relative;display:block;max-width:none;padding-inline:24px}
.chapter-heading>div{max-width:720px;margin-inline:auto}
.chapter-index{margin-bottom:22px}
.chapter-content{position:relative;display:block;max-width:none;padding-inline:24px}
.chapter-content>div,.chapter-content>.chapter-margin{max-width:720px;margin-inline:auto}
.chapter-content>.chapter-margin{padding-bottom:25px}
.epilogue-inner{display:block;max-width:720px;margin-inline:auto}
.epilogue h2{margin-bottom:32px}
.sources-section{display:block;max-width:768px;padding-inline:24px}
.sources-section .source-intro{max-width:none;margin-bottom:30px}
}
@media screen and (min-width:1200px){
.introduction>div:first-child{position:absolute;left:calc(50% - 580px);width:180px;margin:0}
.introduction .intro-number{font-size:180px}
.chapter-heading>.chapter-index{position:absolute;left:calc(50% - 550px);width:150px;margin:0}
.chapter-content>.chapter-margin{position:absolute;left:calc(50% - 550px);width:150px;margin:0;padding-bottom:0}
}