/* The Midway Goes Still — final clean photographic homepage.
   No typography baked into the film still; the title and links remain accessible HTML. */
:root{--midway-pale:#eee6d8;--midway-dusk:#0c1720;--midway-brass:#c2ad8e}
.hero{background:linear-gradient(135deg,#0b161e 0%,#101b21 65%,#090e14 100%)}
.hero__content{grid-template-columns:minmax(0,.63fr) minmax(0,1.37fr);gap:clamp(25px,3.2vw,49px);align-items:center;padding-block:72px 78px;max-width:1380px}
.hero__copy{max-width:430px}
.hero h1{font-size:clamp(3.6rem,5.35vw,5.9rem);color:#f3e9d9;line-height:1.015;letter-spacing:-.045em;margin-bottom:22px}
.hero h1 em{color:#d9c7aa}
.hero__eyebrow{font-size:.69rem;color:#c4b69c;letter-spacing:.12em}
.hero__line{font-size:clamp(1.18rem,1.6vw,1.46rem);max-width:23ch;color:#e1d2bf;line-height:1.42}
.hero__intro{font-size:.95rem;line-height:1.69;color:#d0cec8;max-width:43ch}
.hero__meta{color:#b8af9e}
.hero__art{padding:5px;background:#151b1d;border:1px solid rgba(218,182,132,.42);box-shadow:0 16px 39px rgba(0,0,0,.32);max-width:none}
.hero__art>img{display:block;width:100%;height:auto;aspect-ratio:1310/530;object-fit:cover;object-position:center center;filter:brightness(1.035) saturate(.85) contrast(1.025);border:0!important}
.hero__art figcaption{font-size:.66rem;letter-spacing:.095em;padding:11px 9px 5px;color:#c2b5a6}
.hero__horse-evidence{display:none!important}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.hero__actions .button{font-size:.8rem;min-height:50px}
.hero__actions .button--primary{background:#d1b58e;color:#0b171b;border-color:#d7b993;box-shadow:none;font-weight:700}
.hero__actions .button--ghost{color:#d7c4a8;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(213,184,141,.45);padding-inline:12px}
.hero__actions .button--ghost:hover{background:transparent;color:#fff0d6;text-decoration-color:#dfc29b}
.hero .fae-light,.hero .midway-ambient-glimmer{filter:brightness(.67)}
.hero__atmosphere{background-image:radial-gradient(ellipse at 55% 55%,rgba(24,42,50,.25),rgba(5,12,17,.94)),url('assets/archive/16_almost.webp');background-position:center;background-size:cover;filter:blur(17px) brightness(.4) saturate(.45);opacity:.24}
/* A cold final still and restrained lighting for the later story turns. */
.book-spread[data-book-page="3"] .midway-picture-glimmer,.book-spread[data-book-page="4"] .midway-picture-glimmer{opacity:.16!important}
.end-section .midway-ambient-glimmer{filter:brightness(.62)}
@media(max-width:1000px){.hero__content{grid-template-columns:minmax(0,.67fr) minmax(0,1.33fr);gap:23px}.hero h1{font-size:clamp(3.15rem,5vw,4.5rem)}}
@media(max-width:740px){
 .hero{min-height:auto;padding-bottom:12px}
 .hero__content{display:flex;flex-direction:column;align-items:stretch;padding:14px 0 38px;gap:22px}
 .hero__art{order:-1;margin:0;width:100%;padding:3px;max-width:none}
 .hero__art>img{aspect-ratio:2.18;object-position:center;filter:brightness(1.08) saturate(.87) contrast(1.02)}
 .hero__art figcaption{font-size:.56rem;letter-spacing:.07em;padding:8px 7px 4px}
 .hero__copy{max-width:none;padding-inline:2px}
 .hero__eyebrow{margin-bottom:13px}
 .hero h1{font-size:clamp(3rem,11vw,4rem);line-height:1;margin-bottom:16px}
 .hero__line{max-width:29ch;font-size:clamp(1.18rem,4.65vw,1.5rem);margin-bottom:13px}
 .hero__intro{max-width:39ch;font-size:.92rem;margin-bottom:16px}
 .hero__meta{margin-bottom:15px}
 .hero__actions{gap:7px 11px;flex-wrap:wrap}
 .hero__actions .button--primary{flex:1 1 160px;min-width:175px}
 .hero__actions .button--ghost{flex:0 1 auto;min-height:50px;white-space:normal;text-align:center}
 .hero__credit{font-size:.62rem;margin-top:20px}
 .hero .fae-garland{opacity:.25}
}
@media(max-width:390px){
 .hero__art>img{aspect-ratio:2.02}
 .hero__actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
 .hero__actions .button--primary{min-height:50px;flex-basis:auto}
 .hero__actions .button--ghost{min-height:42px;flex-basis:auto;text-align:left;align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){.hero__art img{transition:none!important}}

/* Give photography and reading priority over the light effects on the entrance. */
.hero .fae-lights--hero {opacity:.18!important}
.hero .midway-ambient-glimmers {opacity:.25!important}
.hero .fae-garland {opacity:.35!important}
@media(max-width:740px){.hero .fae-lights--hero{opacity:.10!important}.hero .midway-ambient-glimmers{opacity:.18!important}.hero .fae-garland{opacity:.23!important}}