/* Title leads the whole composition; the image supports the summary. */
.story-hero{display:block;min-height:0;max-width:1280px}
.hero-copy{display:block;padding:32px 48px 28px;min-width:0}
.hero-copy h1{font:800 clamp(40px,4.6vw,62px)/1.08 Golos,sans-serif;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none;max-width:1120px;margin:12px 0 24px}
.hero-copy .eyebrow{margin:0;font-size:12px}
.hero-summary{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:40px;align-items:center}
.hero-details{min-width:0;max-width:650px}
.hero-copy .hero-deck{max-width:650px;font-size:23px;line-height:1.42;margin:0 0 20px;text-wrap:pretty}
.hero-copy .start-reading{margin-top:16px;min-height:44px;width:max-content;gap:40px}
.hero-copy .byline{margin:0}
.hero-copy .byline,.hero-copy .start-reading{font-size:14px}
.hero-art{position:relative;overflow:hidden;margin:0;background:none;min-width:0;width:100%;aspect-ratio:3/2;align-self:center}
.hero-art img{display:block;position:static;width:100%;height:auto;object-fit:contain}
@media(max-width:1000px){
 .hero-copy{padding:28px 32px}
 .hero-copy h1{max-width:none;font-size:clamp(38px,5vw,50px)}
 .hero-summary{grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:28px}
 .hero-copy .hero-deck{font-size:21px}
}
@media(max-width:640px){
 .hero-copy{padding:24px 20px}
 .hero-copy h1{max-width:none;font-size:clamp(30px,8.7vw,40px);line-height:1.1;margin:12px 0 20px}
 .hero-summary{grid-template-columns:1fr;gap:20px}
 .hero-copy .hero-deck{font-size:21px;line-height:1.42;margin-bottom:18px}
 .hero-copy .start-reading{margin-top:12px}
 .hero-art{max-width:320px;justify-self:center}
}