/* Keep story copy, actions and navigation in separate, content-sized rows. */
.cinema-deck{--hero-inset:clamp(24px,4.5vw,76px)}
.cinema-stage{height:auto;min-height:0;max-height:none}
.cinema-slide{height:auto;min-height:460px}
.cinema-slide:not([hidden]){display:flex;align-items:flex-end}
.cinema-copy{position:relative;inset:auto;max-width:1100px;margin:0;padding:135px var(--hero-inset) 38px}
.cinema-copy h2{font-size:clamp(42px,5.4vw,80px)}
.cinema-copy p{margin-bottom:0}
.cinema-actions{position:relative;inset:auto;flex-wrap:wrap;margin:0;padding:24px var(--hero-inset);background:#101c36}
.cinema-fair-link{margin-left:auto}
.cinema-controls{position:relative;inset:auto;gap:28px;margin:0;padding:0 var(--hero-inset) 28px;background:#101c36;align-items:center}
.cinema-chapters{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:22px;min-width:0}
.cinema-chapters button{min-width:0;gap:10px;min-height:62px;align-items:flex-start;padding-top:16px}
.cinema-controls .deck-arrows{flex-shrink:0}
@media(max-width:1100px){
 .cinema-controls{gap:20px}
 .cinema-chapters{gap:15px}
 .cinema-chapters button{font-size:13px}
 .cinema-chapters button>span{display:none}
}
@media(max-width:900px){
 .cinema-slide{min-height:440px}
 .cinema-copy{padding-top:110px}
 .cinema-copy h2{font-size:clamp(40px,6.6vw,60px)}
 .cinema-actions{gap:16px}
 .cinema-fair-link{margin-left:0}
 .cinema-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
 .cinema-chapters button{min-height:48px;padding-top:12px}
}
@media(max-width:650px){
 .cinema-deck{--hero-inset:23px}
 .cinema-slide{min-height:0}
 .cinema-copy{padding:calc((100vw - 24px)*.5625 + 28px) var(--hero-inset) 12px;width:100%}
 .cinema-copy h2{font-size:clamp(32px,8.5vw,48px)}
 .cinema-slide:after{background:linear-gradient(180deg,transparent 0,#101c3600 110px,#101c36 calc((100vw - 24px)*.5625 + 2px))}
 .cinema-actions{grid-template-columns:1fr;padding-top:20px;padding-bottom:28px;gap:12px}
 .cinema-actions .button{width:100%;min-height:48px;font-size:14px;padding:13px 16px;justify-content:space-between}
 .cinema-actions .button svg{display:block}
 .cinema-controls{align-items:flex-end;gap:15px;padding-bottom:23px}
 .cinema-chapters{gap:12px 16px}
 .cinema-chapters button{font-size:12px;line-height:1.6;min-height:55px}
}