:root{--night:#0b191b;--gold:#e5bd70;--cream:#f0e7d3;--ink:#332d24;--rust:#743624;--paper:#ddcfb1;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--night);color:var(--cream)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);color:var(--ink);padding:12px}.skip:focus{top:10px}.site-nav,.reader-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #c7b38244;padding:24px 5vw;font:11px/1.4 ui-monospace,monospace;letter-spacing:.09em;color:var(--gold)}.story-hero{max-width:1400px;display:grid;grid-template-columns:1fr .82fr;gap:8%;margin:auto;padding:64px 6vw 80px;align-items:center}.eyebrow,.spec,.format-number,.story-footer,small{font:11px/1.6 ui-monospace,monospace;letter-spacing:.08em}.eyebrow{color:var(--gold)}h1{font-size:clamp(68px,8vw,130px);line-height:.91;font-weight:400;letter-spacing:-.045em;margin:30px 0}h1 span{color:var(--gold)}.lede{font-size:clamp(23px,2.2vw,32px);line-height:1.35}.intro{font-size:18px;line-height:1.7;color:#c0beb0;max-width:36em}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;font:13px/1.4 ui-monospace,monospace;min-height:52px;border:1px solid var(--gold)}.gold{background:var(--gold);color:#182122}.outline{color:var(--gold)}.button:hover{filter:brightness(1.1)}.spec{color:#b6b29e;font-size:10px}.cover{margin:0;box-shadow:0 35px 80px #0008;max-width:490px}.cover img{display:block;width:100%;height:auto}.story-formats{padding:70px 6vw 80px;background:linear-gradient(110deg,#e8ddc4,#ddcfb1 55%,#d2bf99);color:var(--ink)}.story-formats>*,.formats{max-width:1220px;margin-inline:auto}.story-formats .eyebrow{color:var(--rust)}h2{font-size:clamp(40px,5vw,70px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:20px 0 44px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:70px}.formats article{border-top:2px solid #504335;padding-top:20px}.format-number{color:var(--rust)}h3{font-size:32px;font-weight:400;margin:22px 0 14px}.formats p{font-size:18px;line-height:1.65;max-width:31em}.formats a{display:inline-flex;gap:50px;padding:15px 0;border-bottom:1px solid var(--rust);color:var(--rust);font-weight:bold}.formats small{display:block;margin-top:14px;font-size:10px}.story-quote{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:70px 6vw;max-width:1450px;margin:auto}.story-quote img{width:100%;height:auto}.story-quote blockquote{font-size:clamp(30px,3vw,44px);line-height:1.25;margin:25px 0}.story-quote blockquote span{font-size:20px;color:#b6b29e}.story-quote p:not(.eyebrow){font-size:18px;line-height:1.6;color:#c0beb0}.story-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5vw;border-top:1px solid #c7b38244;font-size:10px;color:#c0beb0}
/* The reader has one controlled text viewport. The controls always remain visible. */
.reader-page{height:100vh;height:100dvh;display:grid;grid-template-rows:60px minmax(0,1fr) auto;overflow:hidden}.reader-nav{padding:0 24px;height:60px;letter-spacing:.04em}.reader-nav button{color:var(--gold);background:none;border:0;padding:10px;min-height:44px;font:11px ui-monospace,monospace}.reader-main{display:grid;grid-template-columns:1.05fr 1fr;min-height:0;overflow:hidden}.reader-art{margin:0;min-height:0;position:relative;background:#051013;display:flex;justify-content:center;align-items:center;padding:20px}.reader-art img{max-height:100%;max-width:100%;height:100%;width:100%;object-fit:contain}.reader-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 24px 14px;background:linear-gradient(transparent,#051013ee);color:#e5d9bb;font:11px ui-monospace,monospace;pointer-events:none}.reader-paper{background:linear-gradient(110deg,#e8ddc4,#ddcfb1 55%,#d2bf99);color:var(--ink);display:flex;flex-direction:column;min-height:0;overflow:hidden;color-scheme:light}.reading-tools{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid #77685044;flex-shrink:0;font:11px ui-monospace,monospace}.reading-tools select{min-width:0;flex:1;max-width:100%;padding:10px 4px;border:0;color:var(--ink);background:transparent}.reading-tools button{background:transparent;border:1px solid #9e8660;color:var(--rust);padding:10px;min-height:44px;font:10px ui-monospace,monospace;white-space:nowrap}.reading-tools button[aria-pressed=true]{background:#743624;color:#fff0d6}.transcript{flex:1;min-height:0;overflow:auto;padding:28px clamp(20px,4vw,60px) 45vh;overscroll-behavior:contain;scrollbar-color:#a5916b transparent;scroll-padding-top:40px}.transcript p{font-size:20px;line-height:1.7;margin:0 0 14px;border-left:3px solid transparent;padding:10px 14px;transition:background .2s,border-color .2s}.transcript p.active{background:#fff7de88;border-color:var(--rust)}.transcript h2{font-size:35px;line-height:1.15;margin:22px 0}.paragraph-jump{float:right;margin:0 0 0 10px;border:0;background:transparent;color:var(--rust);font-size:18px;min-width:32px;min-height:32px;opacity:.4}.transcript p:hover .paragraph-jump,.paragraph-jump:focus-visible{opacity:1}#resume-notice{padding:12px 24px;background:#f7ecd8;border-bottom:1px solid #bda785;flex-shrink:0;font:12px/1.6 ui-monospace,monospace}#resume-notice button{margin-left:8px;padding:8px;border:1px solid #9d8359;background:none;color:var(--rust)}.player{padding:13px 28px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #867346;background:#102326;z-index:3}.player-top{display:flex;gap:22px;align-items:center;max-width:1200px;margin:auto}.transport{display:flex;align-items:center;gap:10px}.transport button{position:relative;background:none;border:0;color:var(--cream);width:44px;height:44px;font-size:25px}.transport small{position:absolute;font-size:8px;bottom:3px;left:16px}.transport .play{width:48px;height:48px;background:var(--gold);color:#152123;border-radius:50%;font-size:19px}.now-playing{flex:1;min-width:0}.now-playing strong{display:block;font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-playing span{display:block;margin-top:4px;color:#b6bba9;font:10px ui-monospace,monospace}.speed-label{display:flex;gap:7px;align-items:center;font:11px ui-monospace,monospace}.speed-label select{padding:8px;background:#152d30;border:1px solid #708080;color:var(--cream);min-height:44px}.audio-download{padding:12px;font-size:22px}.timeline{display:flex;gap:12px;align-items:center;margin:10px auto 0;max-width:1200px;font:11px ui-monospace,monospace;color:#d3c9ae}.timeline input{flex:1;min-width:0;accent-color:var(--gold);height:22px}.player #status{margin:2px auto 0;max-width:1200px;font:10px/1.5 ui-monospace,monospace;color:#b6bba9;min-height:15px}dialog{border:1px solid #84724d;background:#051013;padding:50px 12px 12px;max-width:96vw;max-height:95dvh;color:var(--cream)}dialog::backdrop{background:#000d}dialog img{display:block;max-width:90vw;max-height:80dvh;object-fit:contain}dialog button{position:absolute;right:12px;top:8px;min-height:36px;background:none;border:0;color:var(--gold)}
@media(max-width:800px){.site-nav{padding:20px 6vw;font-size:10px}.story-hero{grid-template-columns:1fr;gap:36px;padding-top:36px}.hero-copy h1{font-size:82px}.cover{max-width:400px;width:100%;margin:auto}.formats{grid-template-columns:1fr;gap:40px}.story-formats{padding-block:45px}.story-quote{grid-template-columns:1fr;padding-block:45px}.story-footer{flex-direction:column}.reader-page{grid-template-rows:50px minmax(0,1fr) auto}.reader-nav{height:50px;padding:0 12px}.reader-nav>span{display:none}.reader-main{grid-template-columns:1fr;grid-template-rows:minmax(120px,34%) minmax(0,1fr)}.reader-art{padding:8px}.reader-art figcaption{padding:20px 12px 8px;font-size:9px}.reading-tools{padding:5px 10px;gap:4px}.reading-tools>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reading-tools button{padding:8px}.transcript{padding:15px 12px 35vh}.transcript p{font-size:18px;line-height:1.65;padding:8px 10px;margin-bottom:8px}.transcript h2{font-size:28px}.paragraph-jump{min-width:36px;min-height:36px;opacity:.65}.player{padding:8px 12px calc(6px + env(safe-area-inset-bottom))}.player-top{gap:9px}.transport{gap:0}.transport button{width:38px}.transport .play{width:44px;height:44px}.now-playing strong{font-size:12px}.now-playing span{display:none}.speed-label{font-size:0;gap:0}.speed-label select{font-size:11px;padding:5px}.audio-download{display:none}.timeline{margin-top:5px;gap:7px}.player #status{font-size:9px}.actions .button{width:100%}#resume-notice{padding:7px 12px;font-size:10px}}
@media(max-height:550px) and (min-width:600px){.reader-main{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.reader-nav{height:44px}.reader-page{grid-template-rows:44px minmax(0,1fr) auto}.player #status{display:none}.player{padding-block:5px}.transcript p{font-size:17px}.reading-tools{padding-block:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.reader-page{grid-template-columns:minmax(0,1fr)}.reader-main,.reader-paper,.reading-tools,.reader-nav,.player{min-width:0}.reader-nav>a{min-width:0}.reader-nav button{flex-shrink:0}.reading-tools select{width:0}@media(max-width:360px){.reader-nav{font-size:10px;gap:6px}.reader-nav button{font-size:10px;padding-inline:3px}.now-playing strong{font-size:11px}.player-top{gap:5px}.transport button{width:34px}.speed-label select{min-width:48px}.reading-tools button{font-size:9px}}

/* Square scene artwork has separate mobile and desktop exports. */
.scene-picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.scene-picture img{aspect-ratio:1;object-fit:contain}@media(max-width:800px) and (min-height:701px){.reader-main{grid-template-rows:minmax(120px,38%) minmax(0,1fr)}}
/* The illustration itself fills its frame; the frame adapts to reading space. */
.reader-main{display:flex;container-type:size}
.reader-art{flex:0 0 min(100cqh,55cqw);width:min(100cqh,55cqw);height:min(100cqh,55cqw);align-self:center;padding:0;overflow:hidden;aspect-ratio:1}
.reader-paper{flex:1;min-width:0}
.scene-picture img,.reader-art img{object-fit:cover;width:100%;height:100%;max-width:none;max-height:none}
@media(max-width:800px){
 .reader-main{flex-direction:column}
 .reader-art{flex:0 0 auto;width:100%;height:clamp(140px,calc(100cqh - 210px),100cqw);aspect-ratio:auto;align-self:stretch}
}
@media(max-height:550px) and (min-width:600px){
 .reader-main{flex-direction:row}
 .reader-art{flex:0 0 min(100cqh,45cqw);width:min(100cqh,45cqw);height:min(100cqh,45cqw);aspect-ratio:1;align-self:center}
}
/* Mobile reading keeps the picture compact and advances through spoken lines. */
.mobile-label{display:none}.reader-nav-actions{display:flex;align-items:center;gap:6px}#text-view{display:none}.story-word.spoken-word{background:#74362420;color:#582b1e;border-radius:2px}
@media(max-width:800px){
 .desktop-label{display:none}.mobile-label{display:inline}#text-view{display:inline-block;min-width:78px;border:1px solid #84724d;border-radius:2px}
 #text-view[aria-pressed=true]{background:var(--gold);color:var(--night)}
 .reader-nav-actions{gap:8px}.reader-nav button{font-size:11px}
 .reader-art{height:clamp(100px,24dvh,190px)}
 .reader-page.text-focused .reader-art{display:none}
 .transcript{padding-top:16px}
}
@media(max-height:550px) and (min-width:600px){.reader-art{height:min(100cqh,45cqw)}}

/* SVG controls bypass platform emoji and symbol fonts. */
.reader-control-icon{display:block;width:22px;height:22px;flex:none}.transport .play,.paragraph-jump{display:inline-flex;align-items:center;justify-content:center}.paragraph-jump .reader-control-icon{width:18px;height:18px}.transport .play .reader-control-icon{width:22px;height:22px}