:root{--gold:#f3c56c;--navy:#071a3a}body{background:#020b1e}#vortex{filter:saturate(1.2)}.grain{opacity:.07}.intro{background:radial-gradient(ellipse at 50% 30%,#173d7055,transparent 58%)}.intro:before,.finale:before{content:"";position:absolute;inset:5% 3%;border:1px solid #d6ac4c33;pointer-events:none}.intro h1{font-family:Georgia,serif;letter-spacing:-.055em;font-weight:700}.intro h1 em{color:#f3c56c;-webkit-text-stroke:0;text-shadow:0 0 45px #dba44c55;font-style:normal}.eyebrow,.chapter-index{color:#f4cd83}.chapter{min-height:150svh;isolation:isolate}.chapter:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020b1ee8 0%,#061a3c88 48%,#061a3c20 100%);z-index:0;pointer-events:none}.chapter:nth-child(even):before{background:linear-gradient(270deg,#020b1ee8 0%,#061a3c88 48%,#061a3c20 100%)}.chapter-inner{max-width:670px;top:23vh;padding:22px 0;z-index:4}.chapter-year{font-family:Georgia,serif;letter-spacing:-.08em;font-size:clamp(90px,15vw,225px);color:#f2c86e;text-shadow:0 0 55px #db9d4170}.chapter h2{font-family:Georgia,serif;letter-spacing:-.035em;font-weight:600;font-size:clamp(29px,3.6vw,54px);color:#fff6e7}.chapter-index{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.chapter-index .meta{color:#f7e3b9;font-size:11px;letter-spacing:.15em;border-left:1px solid #b89a5c;padding-left:15px}.chapter p.chapter-lead{color:#f4c875;font-family:Georgia,serif;font-style:italic;font-size:clamp(18px,1.8vw,25px);margin:0 0 16px}.chapter p.chapter-context{font-size:clamp(15px,1.28vw,19px);line-height:1.72;color:#e9e3d8;max-width:540px;margin:0}.chapter-count{font-size:10px;letter-spacing:.25em;color:#e7c47e;margin-top:30px}.chapter-count span{padding:0 10px}.chapter-visual{position:absolute;z-index:1;right:5%;top:23%;width:min(45vw,690px);aspect-ratio:1/1;margin:0;border:1px solid #d9ae6266;box-shadow:0 0 0 8px #caa35b10,0 35px 100px #0009,0 0 100px #bb87431e;opacity:.07;transform:perspective(1200px) translateZ(-350px) rotateY(-22deg) scale(.75);transition:opacity 1.1s,transform 1.5s cubic-bezier(.15,.8,.2,1),box-shadow 1s;overflow:hidden}.chapter-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06142ddd,transparent 35%,#d5a65314);pointer-events:none}.chapter-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.07);transition:transform 2s}.chapter.active .chapter-visual{opacity:.95;transform:perspective(1200px) translateZ(0) rotateY(-5deg) scale(1);box-shadow:0 0 0 8px #caa35b10,0 35px 100px #0009,0 0 90px #bb874355}.chapter.active .chapter-visual img{transform:scale(1.04)}.chapter-visual figcaption{position:absolute;bottom:17px;left:22px;right:20px;z-index:2;font-size:12px;letter-spacing:.08em;color:#fff4da;text-shadow:0 2px 9px #000}.chapter:nth-child(even) .chapter-visual{left:5%;right:auto;transform:perspective(1200px) translateZ(-350px) rotateY(22deg) scale(.75)}.chapter:nth-child(even).active .chapter-visual{transform:perspective(1200px) translateZ(0) rotateY(5deg) scale(1)}.chapter:nth-child(even) .chapter-inner{margin-left:auto}.chapter:nth-child(even) .chapter-context{margin-left:auto}.chapter:nth-child(even) .chapter-visual figcaption{text-align:right}.jump-years{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;z-index:5}.jump-years a{color:#d9bd84;text-decoration:none;border:1px solid #ad895047;border-radius:100px;padding:6px 9px;font-size:10px;background:#04112b99}.jump-years a:hover,.jump-years a:focus{background:#9d743b;color:white}.scrollhint{bottom:87px}.finale{background:radial-gradient(ellipse at center,#0d2a52bb,transparent 65%)}.finale h2{font-family:Georgia,serif;letter-spacing:-.055em}.finale img{width:min(32vw,230px)}
@media(max-width:900px){.chapter{min-height:155svh;padding:80px 7vw}.chapter-inner,.chapter:nth-child(even) .chapter-inner{top:23vh;margin-left:0;max-width:100%}.chapter:before,.chapter:nth-child(even):before{background:linear-gradient(0deg,#020b1ef0 5%,#04122999 48%,#07183144 100%)}.chapter-visual,.chapter:nth-child(even) .chapter-visual{left:15%;right:15%;top:8%;width:70%;max-width:550px;aspect-ratio:1;opacity:.15}.chapter.active .chapter-visual,.chapter:nth-child(even).active .chapter-visual{opacity:.55;transform:perspective(1200px) translateZ(0) rotateY(0deg) scale(1)}.chapter-year{font-size:clamp(86px,18vw,170px)}.chapter h2{font-size:clamp(32px,6vw,55px)}.chapter p.chapter-context{background:#061328b3;padding:10px 0}.chapter:nth-child(even) .chapter-context{margin-left:0}}@media(max-width:600px){.chapter{min-height:135svh}.chapter-visual,.chapter:nth-child(even) .chapter-visual{width:88%;left:6%;right:6%;top:10%}.chapter-inner{top:32vh}.chapter-year{font-size:clamp(80px,20vw,130px)}.chapter h2{font-size:32px}.chapter p.chapter-context{font-size:15px;line-height:1.6}.chapter-index{font-size:10px}.jump-years{display:none}.scrollhint{bottom:45px}.intro h1{font-size:clamp(50px,12vw,78px)}}@media(prefers-reduced-motion:reduce){.chapter-visual,.chapter-visual img{transition:none}.chapter-visual{transform:none!important}}