.story-page{background:radial-gradient(ellipse at 78% 5%,#29312f 0,transparent 32%),var(--bg)}
.story-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding-block:clamp(3rem,7vw,6.5rem)}
.story-intro-copy{max-width:650px}
.story-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:600;color:var(--lamp-text);margin:0 0 1.3rem}
.story-intro h1{font-size:clamp(3.5rem,7vw,6.5rem);line-height:.98;letter-spacing:-.025em;margin:0}
.story-intro h1 em{font-weight:400;color:var(--lamp-text)}
.story-subtitle{font:italic clamp(1.35rem,2.5vw,1.9rem)/1.4 var(--display);color:var(--ink-muted);margin:1rem 0 1.8rem}
.story-intro .lede{max-width:43ch;margin-bottom:1.8rem}
.story-play-note{font-size:.8rem;color:var(--ink-muted);margin:1rem 0 0;max-width:43ch}
.story-cover{margin:0;max-width:355px;justify-self:center}
.story-cover img{display:block;width:100%;height:auto;border-radius:4px 12px 12px 4px;box-shadow:9px 14px 0 #020a0d55,0 28px 70px #0008;transform:rotate(2deg)}
.story-cover figcaption{text-align:center;color:var(--ink-muted);font:italic 1rem/1.5 var(--display);margin-top:1.6rem}
.story-connection{padding-bottom:3rem}
.story-connection p{max-width:78ch;border-left:1px solid var(--lamp-text);padding-left:1.25rem;font-size:1rem;color:var(--ink-muted);margin:0}
.story-landscape{margin:0;overflow:hidden;max-height:340px}
.story-landscape img{display:block;width:100%;height:clamp(180px,28vw,340px);object-fit:cover;object-position:50% 56%;opacity:.8}
.story-reading{padding-block:clamp(3rem,6vw,6rem)}
.story-reading-head{max-width:720px;margin:0 auto 2rem}
.story-reading-head h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 .7rem}
.story-reading-head>p:last-child{color:var(--ink-muted)}
.story-chapters{max-width:720px;margin:0 auto 3rem;border-block:1px solid var(--line);padding:1.3rem 0}
.story-chapters ol{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1.5rem;list-style:none;margin:0;padding:0}
.story-chapters a{text-decoration:none;font-size:.92rem;display:flex;gap:.8rem;align-items:baseline}
.story-chapters span{color:var(--lamp-text);font-size:.75rem;font-variant-numeric:tabular-nums}
.story-manuscript{max-width:1080px;margin:0 auto;display:grid;gap:3.5rem}
.read-chapter{position:relative;isolation:isolate;overflow:hidden;background:#07171e;border:1px solid var(--line);border-radius:4px;scroll-margin-top:90px;box-shadow:0 18px 50px #0003}
.chapter-art{position:absolute;inset:0 0 auto;height:clamp(290px,40vw,490px);z-index:-1}
.chapter-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--scene-focus,50%) 43%}
.chapter-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07171e00 24%,#07171e38 47%,#07171ee8 78%,#07171e 100%)}
.chapter-copy{position:relative;max-width:760px;margin:0 auto;padding:clamp(225px,31vw,350px) clamp(1.4rem,5vw,3.5rem) 3rem}
.chapter-number{font:.73rem/1.5 var(--sans);letter-spacing:.2em;color:var(--lamp-text);margin:0 0 .8rem}
.read-chapter h2{font-size:clamp(2rem,3.5vw,2.8rem);margin:0 0 1.4rem;text-shadow:0 2px 18px #000}
.chapter-copy>p:not(.chapter-number){font:1.27rem/1.8 var(--display);margin:0 0 1rem;color:var(--ink);text-shadow:0 1px 12px #0008}
.chapter-copy>p:last-child{margin-bottom:0}
.story-after{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:4rem;padding-block:1rem 5rem}
.story-after h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:0 0 1.2rem}
.story-after p{max-width:63ch;color:var(--ink-muted)}
.story-after img{width:100%;height:auto;max-height:330px;object-fit:contain}
.story-related{font-size:.9rem;margin-top:1.5rem}
#read-story{scroll-margin-top:95px}
@media(max-width:760px){.story-intro{grid-template-columns:1fr;gap:2.5rem;padding-top:2.8rem}.story-intro h1{font-size:clamp(3.5rem,13vw,5rem)}.story-cover{width:56%;max-width:260px}.story-after{grid-template-columns:1fr;gap:2rem}.story-after img{max-width:140px;justify-self:center}.story-chapters ol{grid-template-columns:1fr}.story-manuscript{gap:2rem}.chapter-art{height:260px}.chapter-art::after{background:linear-gradient(180deg,#07171e00 28%,#07171e30 52%,#07171ee8 83%,#07171e 100%)}.chapter-copy{padding:210px 1.35rem 2rem}.chapter-copy>p:not(.chapter-number){font-size:1.15rem;line-height:1.8}.read-chapter h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.story-cover img{transform:none}}