/* Approved cinematic Story only. Other chapters retain their current appearance. */
:root{--chapter-brown:#2d211b;--chapter-paper:#f4e7d3;--chapter-muted:#d1bea5;--chapter-gold:#d7b57f}
/* Native proximity snapping never intercepts the wheel, touch or keyboard. */
html{}
.el-entry,#music{scroll-margin-top:calc(0px - var(--header-height))}
main>.section-pad,.theme-footer{scroll-margin-top:0}
.listen-strip{}
/* The portrait and heading share a top edge. Expansion changes only copy height. */
main>.story-section{--story-space:clamp(40px,6svh,72px);display:grid;grid-template-columns:55% 45%;align-items:start;gap:0;max-width:none;min-height:calc(100svh - var(--header-height));margin:0;padding:0;color:var(--chapter-paper);background:radial-gradient(ellipse at 70% 10%,#4b34271f,transparent 60%),#2d211b;border-top:1px solid #cfad7940;overflow-anchor:none;--line:#cfad7940;--ink:var(--chapter-paper);--muted:var(--chapter-muted);--gold:var(--chapter-gold)}
.story-section .story-image{position:sticky;top:calc(var(--header-height) + 20px);align-self:start;width:100%;max-width:none;min-height:0;height:clamp(420px,calc(100svh - var(--header-height) - var(--story-space) - 74px),760px);max-height:none;margin:calc(var(--story-space) + 38px) 0 36px;overflow:hidden}
.story-section .story-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 0%}
.story-section .story-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 76%,#2d211b)}
.story-section .story-copy{min-width:0;align-self:start;padding:var(--story-space) clamp(30px,4.5vw,76px) var(--story-space) clamp(28px,4.2vw,70px)}
.story-section .story-copy>.kicker{font-size:10px!important;line-height:20px!important;margin:0 0 18px;color:var(--chapter-gold);letter-spacing:.22em}
main>.story-section h2{color:var(--chapter-paper);font-size:clamp(62px,6.2vw,106px);font-style:italic;letter-spacing:-.025em;line-height:.96;margin:0 0 26px}
.story-section h2>span{display:block}
main>.story-section h3{color:var(--chapter-paper)}
main>.story-section p{color:var(--chapter-muted);font-size:13px;line-height:1.8;margin-bottom:18px}
main>.story-section .lead{color:var(--chapter-paper);font-size:17px!important;line-height:1.6!important}
.story-section .full-story{margin:24px 0 16px;border-color:#c9a56a66}
.story-section .full-story summary{min-height:54px;color:#e2bd7d;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:22px;font-weight:600;letter-spacing:0;gap:20px}
.story-section .full-story summary span{font-family:Montserrat,Arial,sans-serif;font-size:20px;font-style:normal}
.story-section .full-story h3{font-size:29px;margin:12px 0 18px}
.story-section .full-story p{font-size:13px;line-height:1.85}
.story-section .story-copy>.text-link{font-size:10px;letter-spacing:.08em;color:#e5c48e;text-decoration-color:#b89a6c}
.story-section .story-copy>.text-link:hover{color:#fff0d2}
.story-section :is(a,button,summary):focus-visible{outline-color:#f5d69d}
/* An expanded story reads as a normal document without resnapping the reader. */
html:has(.full-story[open]){}
@media(min-width:1600px){main>.story-section p{font-size:15px}main>.story-section .lead{font-size:20px!important}.story-section .full-story p{font-size:15px}.story-section .story-image{height:clamp(640px,calc(100svh - var(--header-height) - var(--story-space) - 74px),1100px)}}
@media(max-width:1000px){main>.story-section{grid-template-columns:50% 50%}.story-section .story-copy{padding-left:28px;padding-right:28px}main>.story-section h2{font-size:64px}}
@media(max-height:650px) and (min-width:901px){.story-section .story-image{position:relative;top:auto;height:420px}}
@media(max-width:900px){main>.story-section{grid-template-columns:1fr;padding:40px 24px;gap:0}.story-section .story-copy{display:contents}.story-section .story-copy>.kicker{grid-row:1;margin:0 0 18px}main>.story-section h2{grid-row:2;margin-bottom:28px;font-size:clamp(60px,11vw,86px)}.story-section .story-image{grid-row:3;position:relative;top:auto;height:clamp(380px,68svh,620px);width:calc(100% + 48px);margin:0 -24px 32px}.story-section .story-image img{object-position:50% 6%}.story-section .story-image::after{background:linear-gradient(180deg,transparent 82%,#2d211b)}.story-section .story-copy>*{grid-column:1}.story-section .story-copy>.text-link{justify-self:start}.story-section .full-story{margin-top:8px}.story-section .full-story p{max-width:none}main>.story-section p{max-width:none}}
@media(max-width:700px){main>.story-section h2{font-size:64px}.story-section .story-image{height:clamp(380px,65svh,540px)}}
@media(max-width:350px){main>.story-section h2{font-size:56px}}
@media(prefers-reduced-motion:reduce){html,html:has(.full-story[open]){scroll-behavior:auto}}