:root{color-scheme:dark;--bg:#08110e;--ink:#e9eee2;--muted:#9aa99d;--green:#b4d89c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10}header,footer{display:flex;justify-content:space-between;align-items:center;padding:28px 6%;gap:20px;font-size:13px}.brand{font-size:18px;font-weight:500}.brand span{color:var(--green);font-size:10px;margin-left:12px}.return{color:var(--muted)}.chapter-hero{position:relative;min-height:560px;height:65vh;max-height:760px;display:flex;align-items:flex-end;overflow:hidden}.chapter-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.chapter-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),#08110e55 70%),linear-gradient(90deg,#08110ecc,transparent)}.hero-text{position:relative;z-index:1;padding:64px 8%;max-width:1000px}.eyebrow,.section-number,.next>span{font:10px 'Space Grotesk',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--green)}h1{font-size:clamp(48px,6vw,88px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:25px 0}.intro{font-size:18px;line-height:1.65;max-width:560px;color:#c4cec2}.content{max-width:1120px;margin:auto;padding:0 7%}.draft-note{color:var(--muted);font-size:13px;border-bottom:1px solid #d3e6cc22;padding:20px 0 35px}.detail-block{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:45px 0;border-bottom:1px solid #d3e6cc22}.section-number{padding-top:10px}h2{font-size:32px;letter-spacing:-1px;font-weight:400;margin:0 0 18px}.placeholder{color:var(--muted);line-height:1.7;max-width:570px;margin:0}.papers{padding:50px 0}.paper-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.paper-links a{border-bottom:1px solid #b4d89c66;padding-bottom:10px}.next{padding:60px 0 80px}.next>a{display:flex;justify-content:space-between;align-items:center;font-size:36px;letter-spacing:-1px;margin-top:24px}.next>a span{color:var(--green)}footer{border-top:1px solid #d3e6cc22;padding-top:30px;padding-bottom:40px}@media(max-width:600px){header,footer{padding:22px 6%;font-size:11px}.brand{font-size:15px}.chapter-hero{min-height:450px;height:65svh}.hero-text{padding:40px 7%}.intro{font-size:16px}.eyebrow{line-height:1.8;font-size:9px}.detail-block{grid-template-columns:30px 1fr;gap:12px;padding:32px 0}h2{font-size:26px}.next>a{font-size:28px}}

/* Navigation sits directly over the chapter artwork. */
body>header{position:absolute;inset:0 0 auto;z-index:5;background:transparent;color:var(--ink)}
body>header .return{color:#d4ddd1;text-shadow:0 1px 12px #0008}
body>header .brand{text-shadow:0 1px 12px #0008}
.chapter-hero:before{content:'';position:absolute;inset:0 0 auto;height:160px;background:linear-gradient(180deg,#08110e99,transparent);z-index:1;pointer-events:none}
.chapter-hero .hero-text{padding-top:110px}

/* Align chapter navigation with its hero copy column. */
body>header{padding-left:8%;padding-right:8%}
@media(max-width:700px){body>header{padding-left:7%;padding-right:7%}}
@media(min-width:601px) and (max-width:700px){.chapter-hero .hero-text{padding-left:7%;padding-right:7%}}