/* THE MIDWAY GOES STILL — EDITORIAL REFINEMENT / OCTOBER 2026 */
:root{--ink:#090f13;--base:#0d1519;--gold:#c7a87d;--cream:#f0e7d9;--line:rgba(203,173,133,.17)}
html{scroll-padding-top:78px}
body{background:#090f13}
.site-header{border-bottom-color:rgba(212,184,144,.18);background:rgba(9,16,20,.95)}
.wordmark__sigil{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(206,171,120,.55);border-radius:50%;font:500 .71rem var(--serif);letter-spacing:.015em;background:rgba(185,153,106,.07)}
.wordmark__text{font-size:13px;letter-spacing:.1em}
.primary-nav a{position:relative;padding-block:8px;font-weight:500;color:#c7c2b8}
.primary-nav a::after{content:'';position:absolute;bottom:3px;left:0;right:100%;height:1px;background:#d3b992;transition:right .2s ease}
.primary-nav a:hover::after,.primary-nav a:focus-visible::after{right:0}
.hero{min-height:740px;background:#091115}
.hero__atmosphere{filter:brightness(.62) saturate(.56);background-image:linear-gradient(90deg,rgba(5,12,15,.91),rgba(7,14,18,.44)),url('assets/black-white.webp')}
.hero__content{gap:clamp(32px,5vw,90px);padding-block:65px 83px}
.hero__eyebrow{color:#e0c49d;letter-spacing:.2em;font-weight:600}
.hero h1{font-size:clamp(4.3rem,7.5vw,7.5rem);letter-spacing:-.061em;margin-bottom:24px}
.hero h1 em{color:#dec39e}
.hero__line{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.3;max-width:400px;margin-bottom:20px}
.hero__meta{display:flex;flex-wrap:wrap;gap:0 16px;align-items:center;color:#c5ad89;margin-bottom:22px;font-size:.64rem;letter-spacing:.12em;line-height:1.9}
.hero__meta span+span:before{content:'◆';font-size:.43rem;color:#876d4e;margin-right:16px;vertical-align:2px}
.hero__intro{max-width:440px!important;color:#c4c4bb;line-height:1.75!important;font-size:.95rem!important;margin-bottom:28px}
.hero__actions{gap:11px}
.hero__actions .button{min-height:52px;font-size:.79rem;font-weight:600;padding-inline:20px}
.hero__actions .button--primary{color:#10191c;background:#dec39c}
.hero__actions .button--ghost{border-color:rgba(218,195,160,.45);background:rgba(8,15,19,.52)}
.hero__return{margin-top:19px!important;color:#d6c0a3;text-decoration:underline;text-decoration-color:rgba(205,168,117,.4);text-underline-offset:5px}
.hero__credit{font-size:.61rem!important;line-height:1.7;letter-spacing:.12em!important;color:#d2bda0!important;margin-top:22px!important}
.hero__art{max-width:435px}
.hero__art img{border:1px solid rgba(240,206,160,.36);box-shadow:0 24px 88px rgba(0,0,0,.65)}
.hero__art figcaption{color:#c1b198}
.hero__scroll{bottom:11px;color:#bfb09c}
/* A useful reading path, not a decorative dashboard */
.journey{border-block:1px solid rgba(196,165,118,.28);background:linear-gradient(90deg,#151b1c,#0e171a 55%,#141a19)}
.journey__inner{display:grid;grid-template-columns:1.02fr repeat(3,1fr);align-items:stretch}
.journey__key{align-self:center;font-size:.58rem;letter-spacing:.19em;font-weight:700;color:#c9aa80;padding-right:18px;white-space:nowrap}
.journey__inner a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:84px;border-left:1px solid rgba(205,180,145,.17);padding:15px 15px 15px 21px;transition:background .2s}
.journey__inner a:hover,.journey__inner a:focus-visible{background:rgba(205,175,133,.09)}
.journey__number{font:italic 1.18rem var(--serif);color:#c6a478}
.journey__label{font:500 .83rem/1.25 var(--sans);color:#e7dbca}
.journey__label small{display:block;margin-top:5px;font-size:.66rem;color:#aeb4af;font-weight:400}
.journey__arrow{align-self:start;color:#ba9870;font-size:1rem}
.entrance{padding-block:135px 150px}
.entrance__text>p:not(.overline){font-size:1rem;line-height:1.89;color:#c1c3bd}
.entrance .admit-ticket{box-shadow:0 24px 100px rgba(0,0,0,.3),0 5px 0 rgba(6,6,5,.3);filter:saturate(.84)}
.origin-note summary{font-weight:600}
.storybook-section{background:radial-gradient(circle at 55% 4%,rgba(138,92,54,.18),transparent 46%),#0b1318}
.storybook-header{margin-bottom:31px}
.storybook-header h2{margin-bottom:15px}
.storybook-header p:not(.overline){max-width:580px;line-height:1.68;font-size:.95rem}
.storybook-frame{background:linear-gradient(120deg,#221c17,#111719 17%,#24221e 70%,#30271d);border-color:rgba(222,186,137,.42)}
.storybook-frame__top{font-weight:600;color:#d2b88f}
.book-progress{height:2px;background:rgba(203,169,119,.2);margin:0 2px 11px;overflow:hidden}
.book-progress__line{display:block;width:20%;height:100%;background:linear-gradient(90deg,#93714c,#e6c89d);transition:width .34s ease}
.book-spread__paper{background:radial-gradient(ellipse at 90% 0%,rgba(255,255,250,.47),transparent 55%),linear-gradient(90deg,#c6b396 0%,#ece1cb 5%,#f3eadb 25%,#ede2d0 90%,#d3bea0 100%)}
.book-spread__mark{color:#7d5c3b}
.book-spread__prose{max-width:630px;margin-inline:auto;width:100%}
.book-spread__prose h3{color:#292b27;letter-spacing:-.038em;margin-top:22px}
.book-spread__prose p{color:#3c4039;line-height:1.8;letter-spacing:.005em}
.book-spread__prose blockquote{color:#6d4631;border-left:2px solid #a47a54;padding-left:21px;margin-top:30px;margin-bottom:29px}
.book-spread__prose p.book__whisper{color:#74533c}
.book-cue{border:1px solid #b9a180;background:rgba(255,249,238,.68);box-shadow:0 1px 0 #fff9ed inset,0 4px 20px rgba(74,52,32,.07);margin-bottom:31px}
.book-cue__action{font-size:.83rem}
.book-cue:hover{background:#fff9ef}
.storybook-controls__arrow{border-radius:4px;letter-spacing:.02em}
.storybook-controls__next{background:#d8bb90;border-color:#d8bb90}
.gallery-section{background:#0b1317}
.gallery-grid{gap:12px}
.gallery-item{border-color:rgba(234,215,180,.2)}
.gallery-item img{filter:brightness(.83) saturate(.78)}
.gallery-item__caption{padding-top:58px;background:linear-gradient(transparent,rgba(4,8,9,.88));gap:9px}
.gallery-item__caption strong{color:#f0e5d1}
.gallery-item__caption small{color:#d3c4b4}
.soundtrack-section{background:linear-gradient(180deg,#0b1418,#071014)}
.soundtrack-aside img{box-shadow:0 22px 63px rgba(0,0,0,.32)}
.recordings{background:linear-gradient(155deg,#182226,#0d171c);border-color:rgba(207,177,135,.38)}
.recordings__count{color:#d4c1a3}
.recordings__intro{color:#bec6c1;line-height:1.68;margin-bottom:22px}
.recording-current{border-color:rgba(225,191,144,.4);background:linear-gradient(130deg,#151f20,#0b1419)}
.recording-current__cover{border-color:rgba(211,181,137,.48)}
.recording-current__details h4{color:#f1e3cf}
.recording-row{border-bottom-color:rgba(226,199,168,.22)}
.recording-row.is-selected{background:rgba(207,167,106,.12)}
.recording-row__choose{min-height:67px}
.recording-row__name{font-size:.96rem}
.recording-row__download{color:#d5bc93}
.download-notes{border-top:1px solid rgba(208,174,126,.25);margin:26px 0 5px;padding:12px 0 0;color:#c3c3b8}
.download-notes summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;color:#e2c99e;font-weight:600;padding:12px 0;cursor:pointer;list-style:none}
.download-notes summary::-webkit-details-marker{display:none}
.download-notes summary span{font-size:1.24rem;font-weight:300;transition:transform .2s}
.download-notes[open] summary span{transform:rotate(45deg)}
.download-notes p{font-size:.81rem;line-height:1.78;margin:5px 0 18px;color:#b6bcb8}
.recordings__footnote{margin-top:16px}
.end-section__bg{filter:brightness(.66) saturate(.5)}
.end-section h2{font-weight:300}
/* The reading companion appears only while audio plays away from the main player */
.listening-dock{position:fixed;z-index:100;left:50%;transform:translateX(-50%);bottom:max(14px,env(safe-area-inset-bottom));width:min(calc(100vw - 28px),570px);border:1px solid rgba(225,194,152,.6);border-radius:10px;box-shadow:0 12px 42px rgba(0,0,0,.5);background:rgba(15,24,26,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.listening-dock[hidden]{display:none!important}
.listening-dock__inner{display:flex;align-items:center;gap:14px;min-height:70px;padding:10px 12px}
.listening-dock__emblem{display:grid;place-items:center;flex:0 0 35px;height:35px;border:1px solid rgba(213,180,135,.52);border-radius:50%;font:1.15rem Georgia;color:#ddbf91}
.listening-dock__detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.listening-dock__detail small{font-size:.54rem;letter-spacing:.13em;color:#b99c72;font-weight:700}
.listening-dock__detail strong{font-weight:500;font-size:.87rem;color:#f0e6d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listening-dock__open{font-size:.7rem;color:#d6c0a1;white-space:nowrap}
.listening-dock__pause{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(211,175,126,.44);background:#d9bd92;color:#112027;cursor:pointer;font-size:1rem;font-weight:700}
@media(max-width:980px){.journey__key{display:none}.journey__inner{grid-template-columns:repeat(3,1fr)}.journey__inner a:first-of-type{border-left:0}}
@media(max-width:780px){
  .site-header{height:70px}.wrap{width:min(calc(100% - 36px),var(--wrap))}
  .hero{min-height:0}.hero__content{gap:24px;padding-block:39px 62px}
  .hero__eyebrow{font-size:.62rem;margin-bottom:20px;letter-spacing:.16em}
  .hero h1{font-size:clamp(3.65rem,12.5vw,5.5rem);margin-bottom:21px;line-height:.96}
  .hero__line{font-size:1.29rem;margin-bottom:15px}
  .hero__meta{font-size:.55rem;gap:0 11px;margin-bottom:14px}
  .hero__meta span+span:before{margin-right:10px}
  .hero__intro{font-size:.92rem!important;line-height:1.67!important;margin-bottom:24px}
  .hero__actions .button{min-height:51px}
  .hero__return{font-size:.77rem}
  .hero__credit{font-size:.56rem!important;margin-top:17px!important}
  .hero__art{max-width:340px}
  .hero__art figcaption{margin-top:12px}
  .journey__inner a{padding:14px 9px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:90px}
  .journey__number{font-size:.95rem}.journey__label{font-size:.78rem}.journey__label small{font-size:.59rem;margin-top:4px}
  .journey__arrow{display:none}
  .entrance{padding-block:80px 92px}
  .storybook-section{padding-block:79px 92px}
  .storybook-header{margin-bottom:22px}
  .storybook-header h2{font-size:clamp(2.6rem,9vw,3.7rem)}
  .storybook-frame{padding:9px 8px 15px}
  .book-spread__picture{height:268px}
  .book-spread__paper{padding:27px 27px 23px}
  .book-spread__prose h3{margin-top:14px}
  .book-spread__prose p{font-size:1.01rem;line-height:1.77;margin-bottom:18px}
  .book-spread__prose blockquote{font-size:1.4rem;line-height:1.44}
  .book-cue{min-height:64px;margin-bottom:28px}
  .storybook__turn-leaf{top:268px}
  .story-after{gap:14px}
  .gallery-item__caption strong{font-size:1.22rem}
  .gallery-item__caption small{font-size:.65rem}
  .recordings{padding:23px 16px}
  .recordings h3{font-size:clamp(2.35rem,10vw,3.4rem);margin-top:17px}
  .recordings__intro{font-size:.86rem;margin-bottom:20px}
  .recording-current{padding:17px 14px}
  .recording-current__identity{grid-template-columns:105px minmax(0,1fr);gap:15px}
  .recording-row__name{font-size:.91rem}
}
@media(max-width:410px){
 .hero__actions{gap:8px}
 .hero__actions .button{flex:1 1 auto;min-width:0;font-size:.73rem;padding-inline:10px;gap:8px}
 .hero__meta{font-size:.51rem}
 .hero__content{padding-top:34px}
 .book-spread__paper{padding-inline:22px}
 .book-spread__picture{height:228px}
 .storybook__turn-leaf{top:228px}
 .book-spread__prose p{font-size:.99rem}
 .listening-dock__open{display:none}
}
@media(prefers-reduced-motion:reduce){.journey__inner a,.book-progress__line,.listening-dock{transition:none}}