:root {
  color-scheme: dark;
  --night: #0b1020; --night-2: #10182b; --night-3: #182239;
  --paper: #f7f0e4; --ink: #e9e6df; --muted: #abb2c3;
  --gold: #d6b987; --gold-strong: #edd1a0; --rule: rgba(218,189,139,.23);
  --terracotta: #e07a5f;
  --sans: "Alegreya Sans", system-ui, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --literary: "Alegreya", Georgia, serif;
  --display: "Cinzel", Georgia, serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; font-family: var(--sans); background: var(--night); color: var(--ink); line-height: 1.6; -webkit-font-smoothing: antialiased; }
main { flex: 1; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--gold-strong); }
button, select { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--gold-strong); outline-offset: 4px; border-radius: 3px; }
::selection { color: #101629; background: #d6b987; }
img, svg { max-width: 100%; }
.skip-link { position: fixed; top: -10rem; left: 1rem; z-index: 1000; background: var(--paper); color: #131a2a; padding: .6rem 1rem; }
.skip-link:focus { top: 1rem; }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(11,16,32,.94); border-bottom: 1px solid var(--rule); backdrop-filter: blur(16px); }
.nav-shell { width: min(100% - 3rem, 1200px); min-height: 78px; margin: auto; display: flex; gap: 2.5rem; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: .75rem; white-space: nowrap; color: #f9f2e6; font: 1.8rem/1.1 var(--serif); letter-spacing: -.03em; }
.brand:hover { color: #fff; }
.brand-mark { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid rgba(215,183,129,.7); border-radius: 50%; color: var(--gold); font: 1.6rem/1 var(--serif); }
.primary-nav { display: flex; align-items: center; justify-content: center; gap: 2.25rem; flex: 1; }
.primary-nav a { font-size: .93rem; letter-spacing: .05em; color: #c3c8d4; padding: 1rem .1rem; border-bottom: 1px solid transparent; }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { border-bottom-color: var(--gold); color: var(--gold-strong); }
.header-note { font-size: .82rem; letter-spacing: .05em; color: #aab0c0; white-space: nowrap; }
.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #c6aa7a; display: inline-block; margin-right: 7px; vertical-align: middle; }
.menu-toggle { display: none; }
.site-footer { border-top: 1px solid var(--rule); background: #080d19; }
.footer-inner { max-width: 1200px; width: calc(100% - 3rem); margin: auto; padding: 3rem 0 1.7rem; display: grid; grid-template-columns: 1fr auto; gap: 2.3rem; }
.footer-brand { display: flex; align-items: center; gap: .8rem; }
.footer-monogram { border: 1px solid var(--rule); width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; color: var(--gold); font: 1.75rem var(--serif); }
.footer-brand strong { display: block; font: 1.3rem var(--serif); color: #f3ead9; }
.footer-brand small { display: block; font-size: .77rem; color: var(--muted); letter-spacing: .05em; }
.footer-links { display: flex; gap: 1.8rem; align-items: center; flex-wrap: wrap; }
.footer-links a { color: #aeb5c1; font-size: .86rem; }
.footer-meta { grid-column: 1 / -1; border-top: 1px solid rgba(220,200,170,.1); padding-top: 1.3rem; margin: 0; font-size: .74rem; color: #828ba0; letter-spacing: .07em; }
.section-container { max-width: 1200px; width: calc(100% - 3rem); margin: 0 auto; }
.eyebrow { font-size: .72rem; text-transform: uppercase; letter-spacing: .24em; font-weight: 700; color: var(--gold); }
.serif-title { font-family: var(--serif); color: #f8f1e7; font-weight: 400; letter-spacing: -.035em; line-height: 1.09; }
.cinzel-title { font-family: var(--display); font-weight: 500; color: #f8f0e6; letter-spacing: .025em; line-height: 1.3; }
.muted { color: var(--muted); }
.ornament { display: flex; align-items: center; gap: 1rem; color: var(--gold); width: min(220px, 100%); }
.ornament::before, .ornament::after { content: ""; height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(214,185,135,.7)); }
.ornament::after { transform: rotate(180deg); }
.ornament span { width: 7px; height: 7px; transform: rotate(45deg); border: 1px solid var(--gold); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; padding: .79rem 1.35rem; min-height: 46px; border: 1px solid var(--gold); border-radius: 3px; font-size: .92rem; font-weight: 700; letter-spacing: .04em; transition: background .2s ease, transform .2s ease, color .2s ease; }
.button:hover { transform: translateY(-1px); }
.button--solid { background: var(--gold); color: #171b27; }
.button--solid:hover { color: #101420; background: #f0d4a6; }
.button--outline { background: transparent; color: var(--gold-strong); }
.button--outline:hover { background: rgba(214,185,135,.09); }
.button--quiet { border-color: var(--rule); color: var(--ink); background: rgba(255,255,255,.02); }
.button--quiet:hover { background: rgba(255,255,255,.08); }
.inline-link { color: var(--gold-strong); text-decoration: underline; text-underline-offset: 4px; }
.divider-line { border: 0; border-top: 1px solid var(--rule); margin: 0; }
.page-banner { background: radial-gradient(ellipse at 55% 25%, rgba(45,61,99,.34), transparent 58%), #0b1020; border-bottom: 1px solid var(--rule); padding: 5.4rem 0 5rem; }
.page-banner .eyebrow { margin: 0 0 1.1rem; }
.page-banner h1 { font: 400 clamp(3.1rem, 7vw, 5.5rem)/1.1 var(--serif); letter-spacing: -.05em; margin: 0 0 1.15rem; }
.page-banner .lead { max-width: 650px; color: #c6c9d4; font: 1.3rem/1.6 var(--literary); margin: 0; }
.breadcrumb { display: flex; align-items: center; gap: .65rem; color: #aeb3c5; font-size: .85rem; padding: 2rem 0 0; }
.breadcrumb a { color: var(--gold); }
.breadcrumb .sep { color: #686f84; }
/* Home */
.home-hero { position: relative; overflow: hidden; background: radial-gradient(ellipse at 70% 34%, #1b2a4e 0%, #101831 36%, #0b1020 74%); border-bottom: 1px solid var(--rule); }
.home-hero::before { content:""; position:absolute; inset:0; opacity:.28; pointer-events:none; background-image:radial-gradient(circle at 20% 20%, #e9ca92 1px, transparent 1.5px),radial-gradient(circle at 78% 55%, #f1cf9a .7px, transparent 1.4px); background-size: 310px 290px, 430px 310px; }
.hero-grid { position:relative; max-width:1200px; margin:auto; width:calc(100% - 3rem); min-height:650px; display:grid; grid-template-columns: 1.15fr .85fr; gap:3rem; align-items:center; padding:6.5rem 0 6rem; }
.hero-copy { max-width: 650px; }
.hero-copy h1 { font: 400 clamp(3.5rem,6.3vw,6.4rem)/1.02 var(--serif); letter-spacing:-.058em; color:#faf3e9; margin:1.1rem 0 2rem; }
.hero-copy h1 em { font-weight:400; font-style:italic; color:#d5b987; }
.hero-copy .hero-description { max-width:510px; font:1.32rem/1.6 var(--literary); color:#cbd0da; margin:0 0 2rem; }
.hero-actions { display:flex; gap:.85rem; flex-wrap:wrap; }
.hero-art { position:relative; height:460px; display:grid; place-items:center; user-select:none; }
.hero-halo { position:absolute; width:min(100%,415px); aspect-ratio:1; border:1px solid rgba(214,185,135,.2); border-radius:50%; box-shadow:0 0 0 30px rgba(213,183,131,.025),0 0 0 84px rgba(213,183,131,.014); }
.hero-halo::before, .hero-halo::after { content:""; position:absolute; inset:12%; border:1px solid rgba(214,185,135,.3); border-radius:50%; }
.hero-halo::after { inset:27%; border-style:dashed; border-color:rgba(214,185,135,.13); }
.hero-glyph { width:200px; height:200px; display:grid; place-items:center; border:1px solid rgba(214,185,135,.55); border-radius:50%; color:#dcc08f; font:9.5rem/1 var(--serif); text-shadow:0 0 45px rgba(216,188,138,.14); background:radial-gradient(circle,rgba(214,185,135,.05),transparent 75%); }
.art-label { position:absolute; bottom:0; font: .65rem var(--sans); letter-spacing:.28em; color:#9e9eac; text-transform:uppercase; }
.content-band { padding:6.25rem 0; }
.section-intro { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.section-intro h2 { font:400 clamp(2.2rem,4vw,3.6rem)/1.15 var(--serif); letter-spacing:-.04em; margin:.45rem 0 0; color:#f5eee4; }
.section-intro p { color:var(--muted); max-width:350px; margin:0; font-size:1rem; }
.feature-panel { display:grid; grid-template-columns:.83fr 1.17fr; min-height:390px; overflow:hidden; border:1px solid var(--rule); background:linear-gradient(110deg,#182039,#131b2e); }
.feature-art { position:relative; display:grid;place-items:center; overflow:hidden; background: radial-gradient(ellipse at 50% 80%,rgba(228,132,106,.17),transparent 70%),linear-gradient(150deg,#24263b,#121828); border-right:1px solid var(--rule); }
.feature-art::before { content:""; position:absolute; width:70%; height:83%; border:1px solid rgba(224,122,95,.24); border-radius:48% 48% 0 0; bottom:-8%; box-shadow:0 0 0 22px rgba(224,122,95,.035),inset 0 0 65px rgba(224,122,95,.03); }
.feature-art::after { content:"✦"; color:#d3a389; font-size:5.5rem; font-weight:100; opacity:.8; text-shadow:0 0 65px rgba(224,122,95,.3); }
.feature-art .feature-label { position:absolute; bottom:2rem; font-family:var(--display); letter-spacing:.3em; color:#adabb7; font-size:.7rem; }
.feature-copy { padding:clamp(2rem,5vw,4.5rem); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.feature-copy h3 { font:500 clamp(2.1rem,3.4vw,3.2rem)/1.25 var(--display); letter-spacing:.01em; color:#f3ebe1; margin:.7rem 0 1rem; }
.feature-copy p { color:#bcc3d1; max-width:470px; font:1.14rem/1.6 var(--literary); margin:.1rem 0 1.8rem; }
.small-meta { display:flex; gap:.65rem; align-items:center; flex-wrap:wrap; font-size:.76rem; letter-spacing:.09em; text-transform:uppercase; color:#b8bac8; }
.meta-sep { height:3px; width:3px; border-radius:50%; background:var(--gold); }
.grid-three { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.4rem; }
.path-card { padding:2rem; border:1px solid var(--rule); background:rgba(255,255,255,.025); min-height:225px; }
.card-number { display:block; font: .86rem var(--display); color:var(--gold); margin-bottom:1.8rem; }
.path-card h3 { font:400 1.8rem/1.2 var(--serif); margin:0 0 .65rem; }
.path-card p { color:var(--muted); font-size:.97rem; margin:0; }
.path-card .card-state { display:inline-block; font-size:.75rem; margin-top:1.4rem; color:var(--gold); text-transform:uppercase; letter-spacing:.12em; }
.quote-band { border-top:1px solid var(--rule); padding:4.3rem 0; text-align:center; background:linear-gradient(180deg,#0f1627,#0b1020); }
.quote-band blockquote { font:italic 400 clamp(1.6rem,3vw,2.35rem)/1.4 var(--literary); margin:0 auto 1rem; max-width:700px; color:#ded5ca; }
.quote-band p { font-size:.73rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); }
/* Directory, inner pages */
.library-grid { padding:4.5rem 0 6.5rem; display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.library-entry { border:1px solid var(--rule); background:#151e31; padding:3rem; min-height:320px; display:flex; flex-direction:column; align-items:flex-start; }
.library-entry h2 { font:500 clamp(2rem,3vw,2.8rem)/1.3 var(--display); color:#f1e9df; margin:.7rem 0 1rem; }
.library-entry p { color:#bac1cf; font:1.14rem/1.6 var(--literary); margin:0 0 2rem; }
.library-entry .button { margin-top:auto; }
.library-entry.muted-entry { background:rgba(255,255,255,.018); }
.library-entry.muted-entry h2 { font-family:var(--serif); }
.story-cover { background:radial-gradient(ellipse at 78% 0%,rgba(132,66,61,.25),transparent 50%),#0b1020; border-bottom:1px solid var(--rule); }
.story-hero { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:4.3rem; padding:3.4rem 0 6rem; }
.story-hero h1 { font:500 clamp(2.6rem,5.5vw,5rem)/1.25 var(--display); letter-spacing:.015em; margin:.5rem 0 1.2rem; }
.story-hero .lead { font:1.32rem/1.55 var(--literary); color:#c6c9d2; max-width:625px; }
.story-hero-art { width:100%; aspect-ratio: .83; max-height:440px; position:relative; overflow:hidden; border:1px solid rgba(221,178,135,.22); background:radial-gradient(ellipse at 50% 100%,rgba(224,122,95,.17),transparent 70%),linear-gradient(150deg,#20243b,#0d1425); display:grid;place-items:center; }
.story-hero-art::before { content:""; position:absolute; width:65%; height:67%; border:1px solid rgba(224,122,95,.35); border-bottom:0; border-radius:50% 50% 0 0; top:23%; box-shadow:0 0 50px rgba(224,122,95,.08); }
.story-hero-art span { font-size:5rem; color:#d59b87; }
.story-hero-art small { position:absolute; bottom:1.6rem; color:#aeabba; font: .7rem var(--display); letter-spacing:.25em; }
.story-detail { padding:4.5rem 0 6rem; display:grid; grid-template-columns: minmax(0,1.45fr) minmax(250px,.55fr); gap:4.5rem; }
.story-detail h2, .reading-room h2 { font:400 2.5rem/1.2 var(--serif); margin:.5rem 0 1.4rem; }
.story-detail .body-copy { font:1.25rem/1.7 var(--literary); color:#c8cbd4; max-width:700px; }
.story-aside { border-left:1px solid var(--rule); padding-left:2rem; }
.story-aside dl { margin:0; }
.story-aside dt { color:var(--gold); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; margin-bottom:.25rem; }
.story-aside dd { margin:0 0 1.6rem; color:#e9e5e0; }
.reading-room { background:#101829; border-top:1px solid var(--rule); padding:4.8rem 0 6.5rem; }
.scene-entry { border:1px solid var(--rule); background:#172139; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2.15rem 2.5rem; }
.scene-entry h3 { font:500 clamp(1.3rem,2.5vw,2rem)/1.3 var(--display); margin:.45rem 0 .5rem; }
.scene-entry p { margin:0; color:var(--muted); }
.status-pill { border:1px solid rgba(212,183,133,.35); background:rgba(214,185,135,.06); color:var(--gold-strong); border-radius:100px; font-size:.73rem; text-transform:uppercase; letter-spacing:.1em; padding:.33rem .8rem; display:inline-flex; }
/* Reader */
.reader-app { --reader-bg:#22201e; --reader-ink:#e5dad0; --reader-dim:#b0a89f; --reader-line:rgba(224,122,95,.28); --reader-scale:1; --reader-max:725px; background:var(--reader-bg); color:var(--reader-ink); padding-bottom:6rem; transition:background .2s,color .2s; }
.reader-app[data-theme="paper"] { color-scheme: light; --reader-bg:#f2eadc; --reader-ink:#332c28; --reader-dim:#62564f; --reader-line:rgba(168,91,66,.25); }
.reader-app[data-width="wide"] { --reader-max:900px; }
.reader-app .breadcrumb { color:var(--reader-dim); }
.reader-app .breadcrumb a { color:#e19b7f; }
.reading-progress-bar { position:sticky; top:78px; height:3px; width:100%; z-index:20; background:rgba(224,122,95,.06); }
.reading-progress-bar > span { display:block; width:0; height:100%; background:#e07a5f; transition:width .12s linear; }
.reader-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:end; gap:1rem; border-bottom:1px solid var(--reader-line); padding:1.2rem 0 1.5rem; }
.reader-controls { display:flex; align-items:end; gap:.65rem; flex-wrap:wrap; }
.reader-controls label { display:flex; flex-direction:column; gap:.2rem; color:var(--reader-dim); font-size:.68rem; letter-spacing:.11em; text-transform:uppercase; }
.reader-controls select { border:1px solid var(--reader-line); padding:.4rem 1.65rem .4rem .55rem; min-height:36px; border-radius:2px; background:var(--reader-bg); color:var(--reader-ink); font-size:.9rem; letter-spacing:0; text-transform:none; }
.reader-stage { max-width:var(--reader-max); width:calc(100% - 3rem); margin:0 auto; padding:5.2rem 0 3rem; }
.reader-stage .scene-eyebrow { color:#e07a5f; font-size:.75rem; letter-spacing:.24em; text-transform:uppercase; text-align:center; margin:0 0 1rem; }
.reader-stage h1 { font:600 clamp(2.0rem,4.5vw,3.3rem)/1.35 var(--display); color:#e07a5f; letter-spacing:.025em; text-align:center; margin:0 0 .65rem; }
.reader-stage .scene-subtitle { font:.95rem var(--sans); color:var(--reader-dim); text-align:center; letter-spacing:.08em; }
.reader-stage .ornament { margin:2.7rem auto 3.2rem; }
.story-prose { font:calc(1.22rem * var(--reader-scale))/1.72 var(--literary); color:var(--reader-ink); overflow-wrap:anywhere; }
.story-prose p { margin:0 0 1.35em; }
.story-prose h2 { font:600 calc(1.22rem * var(--reader-scale))/1.5 var(--sans); text-align:left; color:var(--reader-dim); margin:2.2rem 0 1.4rem; }
.story-prose h3 { font:600 calc(1.12rem * var(--reader-scale))/1.5 var(--sans); text-align:left; color:var(--reader-dim); margin:2rem 0 1.1rem; }
.story-prose .voice--seolite { color:#4a86e8; }
.story-prose .voice--npc { color:#e5989b; }
.story-prose .voice--entity { color:#e07a5f; font-style:italic; }
.story-prose .scene-break { text-align:center; margin:2.4rem 0; color:#e07a5f; letter-spacing:.2em; }
.story-prose .drop-cap::first-letter { float:left; font-weight:700; font-size:2.6em; line-height:.95; margin:.08em .13em 0 0; color:#e07a5f; }
.story-prose .epigraph { border-left:3px solid #e07a5f; background:rgba(224,122,95,.055); color:var(--reader-dim); font:italic calc(1rem * var(--reader-scale))/1.65 var(--literary); padding:1.15rem 1.35rem; margin:1.4rem 0 2rem; }
.editorial-empty { border:1px solid var(--reader-line); background:rgba(224,122,95,.035); padding:2.1rem; text-align:center; }
.editorial-empty .empty-glyph { color:#e07a5f; font-size:2.2rem; margin:0 0 .5rem; }
.editorial-empty h2 { margin:.2rem 0 .9rem; font:500 1.55rem var(--display); color:var(--reader-ink); }
.editorial-empty p { margin:0 auto 1.15rem; max-width:475px; font:1.1rem/1.55 var(--literary); color:var(--reader-dim); }
.editorial-empty a { color:#e1a38c; }
.reader-bottom { border-top:1px solid var(--reader-line); margin-top:4rem; padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; font-size:.91rem; }
.reader-bottom a { color:#d48f75; }
/* Text pages */
.prose-layout { padding:4.25rem 0 6.5rem; max-width:760px; }
.prose-layout h2 { font:400 2.15rem var(--serif); color:#f0e5d6; margin:2.6rem 0 .8rem; }
.prose-layout h2:first-child { margin-top:0; }
.prose-layout h3 { font:600 1.25rem var(--sans); color:var(--gold); margin:2rem 0 .5rem; }
.prose-layout p, .prose-layout li { color:#c8cbd4; font-size:1.08rem; line-height:1.8; }
.prose-layout ul { padding-left:1.35rem; }
.prose-layout a:not(.button) { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.contact-panel { border:1px solid var(--rule); background:#162035; padding:2.4rem; margin-top:2.2rem; }
.contact-panel .email { font:400 clamp(1.4rem,4vw,2.25rem)/1.3 var(--serif); color:var(--gold-strong); overflow-wrap:anywhere; }
.notice { border-left:3px solid var(--terracotta); padding:1rem 1.3rem; background:rgba(224,122,95,.065); color:#c6c4ca; margin-top:1.8rem; }
.not-found { padding:7rem 0 9rem; text-align:center; }
.not-found .not-found-code { color:var(--gold); font:400 6rem var(--serif); }
.not-found h1 { font:400 2.5rem var(--serif); margin:0 0 .7rem; }
.not-found p { color:var(--muted); margin:0 auto 1.8rem; max-width:420px; }
@media (max-width: 960px) {
  .nav-shell { gap:1.5rem; }
  .header-note { display:none; }
  .hero-grid { min-height:550px; }
  .hero-art { height:350px; }
  .hero-glyph { width:145px; height:145px; font-size:7rem; }
  .story-hero { gap:2.5rem; }
}
@media (max-width: 720px) {
  .nav-shell { min-height:68px; width:calc(100% - 2rem); justify-content:space-between; flex-wrap:wrap; }
  .brand { font-size:1.6rem; }
  .brand-mark { width:33px; height:33px; font-size:1.4rem; }
  .menu-toggle { display:inline-flex; gap:.5rem; align-items:center; border:1px solid var(--rule); color:#efe4d5; background:transparent; padding:.45rem .7rem; border-radius:3px; cursor:pointer; }
  .menu-toggle svg { width:19px; height:19px; }
  .primary-nav { flex-basis:100%; order:3; gap:.35rem; flex-direction:column; align-items:stretch; padding:0 0 .8rem; }
  .js .primary-nav { display:none; }
  .js.nav-open .primary-nav { display:flex; }
  .primary-nav a { border-bottom:1px solid var(--rule); padding:.6rem .35rem; }
  .section-container { width:calc(100% - 2rem); }
  .hero-grid { display:block; min-height:unset; padding:4.75rem 0 3.5rem; }
  .hero-copy h1 { font-size:clamp(3.3rem,12vw,4.9rem); }
  .hero-art { height:205px; margin-top:2.6rem; }
  .hero-halo { max-width:200px; box-shadow:0 0 0 20px rgba(213,183,131,.023),0 0 0 45px rgba(213,183,131,.012); }
  .hero-glyph { width:95px; height:95px; font-size:4.6rem; }
  .art-label { bottom:-.5rem; }
  .content-band { padding:4rem 0; }
  .section-intro { display:block; }
  .section-intro p { margin-top:1rem; }
  .feature-panel { grid-template-columns:1fr; }
  .feature-art { height:235px; border-right:0; border-bottom:1px solid var(--rule); }
  .feature-copy { padding:2.25rem 1.5rem; }
  .feature-copy h3 { font-size:2rem; }
  .grid-three, .library-grid { grid-template-columns:1fr; }
  .path-card { min-height:unset; }
  .quote-band { padding:3.5rem 0; }
  .footer-inner { width:calc(100% - 2rem); display:block; }
  .footer-links { margin:2rem 0; }
  .footer-meta { padding-top:1.2rem; }
  .page-banner { padding:3.5rem 0; }
  .story-hero { display:flex; flex-direction:column; align-items:stretch; padding:2rem 0 3.5rem; }
  .story-hero-art { max-height:220px; aspect-ratio:2/1; }
  .story-detail { display:block; padding:3.7rem 0; }
  .story-aside { margin-top:2.5rem; }
  .scene-entry { display:block; padding:1.5rem; }
  .scene-entry .button { margin-top:1.6rem; }
  .reader-stage { width:calc(100% - 2rem); padding:3rem 0; }
  .reader-stage h1 { font-size:1.9rem; }
  .reading-progress-bar { top:68px; }
  .reader-toolbar { display:block; }
  .reader-controls { margin-top:1rem; }
  .editorial-empty { padding:1.5rem; }
  .prose-layout { padding:3rem 0 5rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { transition:none!important; animation:none!important; }
}