:root{--ink:#050706;--paper:#eee9df;--gold:#caa45d;--muted:#b2afa7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.7 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}body>header{position:absolute;inset:0 0 auto;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid #ffffff20}.brand{font:600 .85rem Cinzel,serif;letter-spacing:.22em}.brand span{color:var(--gold)}.nav-link{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#d9d5cc}.nav-link:hover{color:var(--gold)}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero img,.shade{position:absolute;inset:0;width:100%;height:100%}.hero img{object-fit:cover;object-position:center}.shade{background:linear-gradient(90deg,#030403e8 0%,#0304036b 50%,transparent 75%),linear-gradient(0deg,#050706 0%,transparent 38%,#00000040 100%)}.hero-copy{position:relative;z-index:2;padding:8rem clamp(1.25rem,8vw,8rem) clamp(5rem,9vw,8rem);max-width:820px}.overline{margin:0;color:var(--gold);font-size:.75rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase}.hero h1,.chronicle h2{font-family:Cinzel,serif;font-weight:500;line-height:.95;letter-spacing:-.03em}.hero h1{font-size:clamp(4rem,10vw,8.5rem);margin:.5rem 0 1.5rem}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.overline){font-size:clamp(1.05rem,2vw,1.35rem);color:#d3d0c8}.enter{display:inline-flex;gap:1rem;margin-top:1.25rem;padding:.65rem 0;border-bottom:1px solid var(--gold);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.enter span{color:var(--gold)}
.chronicle{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,8rem)}.chapter-head{display:grid;grid-template-columns:minmax(220px,.7fr) 1fr;align-items:center;gap:clamp(2rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,7rem);border-bottom:1px solid #ffffff20}.number{font:500 clamp(7rem,19vw,16rem) Cinzel,serif;color:transparent;-webkit-text-stroke:1px #caa45d5c;line-height:1}.copy{max-width:650px}.chronicle h2{font-size:clamp(2.7rem,6vw,5.5rem);margin:.7rem 0 1rem}.copy>p:not(.overline){font-size:1.1rem;color:var(--muted)}.reading{max-width:760px;margin:clamp(4rem,8vw,7rem) auto 0}.reading p{color:#c3c0b8;font-size:1.08rem;line-height:1.9;margin:0 0 1.45rem}.reading .part{color:var(--gold);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem}.reading .opening{color:var(--paper);font:500 clamp(1.55rem,3vw,2.2rem)/1.5 Cinzel,serif}.reading .dialogue{color:#e6e0d5;font-size:1.15rem}.divider{text-align:center;color:var(--gold);padding:3.5rem 0;opacity:.8}.reading .to-be-continued{text-align:center;color:var(--gold);font:500 1rem Cinzel,serif;letter-spacing:.16em;margin-top:4rem}footer{display:flex;justify-content:space-between;gap:2rem;padding:2.5rem clamp(1.25rem,5vw,5rem);border-top:1px solid #ffffff20;color:#898780;font-size:.75rem;letter-spacing:.08em}
@media(max-width:700px){body>header{height:68px}.hero{min-height:780px}.shade{background:linear-gradient(0deg,#050706 0%,#03040375 55%,#00000055 100%)}.hero-copy{padding-bottom:5rem}.chapter-head{grid-template-columns:1fr;gap:1rem}.number{font-size:7rem}.reading p{font-size:1rem;line-height:1.8}.reading .dialogue{font-size:1.08rem}footer{flex-direction:column;text-align:center;gap:.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}