/* One image canvas for every cover: no separate black text panel. */
.cinema-hero[data-layout=full]{height:var(--fitted-height,500px);min-height:0;aspect-ratio:auto;padding:0;transition:none}
.cinema-hero[data-layout=full] #reelStage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.cinema-hero .reel-picture{position:absolute;inset:0;overflow:hidden}
.cinema-hero .reel-picture img{position:absolute;inset:auto;left:var(--picture-left,0px);top:var(--picture-top,0px);width:var(--picture-width,100%);height:var(--picture-height,100%);margin:0;max-width:none;object-fit:fill;display:block}
.cinema-hero[data-layout=full] .reel-frame:after{background:linear-gradient(90deg,#0008,transparent 65%),linear-gradient(0deg,#0006,transparent 45%)}
.cinema-hero[data-layout=full] .hero-copy{position:absolute;top:var(--copy-top,24px);left:var(--copy-left,78px);margin:0;width:var(--copy-width,40%);padding:0;background:none}
.cinema-hero[data-layout=full] .hero-copy h1{font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin:14px 0 16px}
.cinema-hero[data-layout=full] .hero-copy p{margin-bottom:18px}
.cinema-hero[data-layout=full] .hero-copy .hero-eyebrow{margin:0}
.cinema-hero[data-layout=full] .reel-frame>span{right:30px;bottom:24px;max-width:40%;padding:0}
.cinema-hero .hero-bottom{position:absolute;inset:0;pointer-events:none}
.cinema-hero .hero-bottom .reel-controls{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.cinema-hero .hero-bottom .reel-controls button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#ffffffdc;color:#111;pointer-events:auto;box-shadow:0 2px 10px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cinema-hero #reelPrev{left:18px}.cinema-hero #reelNext{right:18px}
.cinema-hero .hero-bottom .reel-controls button:hover{background:#FF5736;border-color:#FF5736}
 .cinema-hero.compact-copy .hero-copy>p{display:none}
@media(max-width:1023px){.cinema-hero[data-layout=full] .hero-copy h1{font-size:32px}.cinema-hero .hero-copy h1 br{display:block}}
@media(max-width:600px){.cinema-hero[data-layout=full] .hero-copy h1{font-size:21px;margin:0 0 10px}.cinema-hero[data-layout=full] .reel-frame>span{top:18px;bottom:auto;right:18px;font-size:12px}.cinema-hero .hero-bottom .reel-controls button{width:38px;height:38px}.cinema-hero #reelPrev{left:10px}.cinema-hero #reelNext{right:10px}.cinema-hero[data-layout=full] .reel-frame:after{background:linear-gradient(0deg,#0009,transparent 85%)}.cinema-hero .hero-copy .action-primary{padding:9px 13px;font-size:10px}.cinema-hero .hero-copy h1 br{display:none}}
@media(max-height:500px) and (orientation:landscape){.cinema-hero[data-layout=full] .hero-copy h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.cinema-hero{transition:none}}

.cinema-hero[data-copy-side=right] .reel-frame:after{background:linear-gradient(270deg,#0008,transparent 65%),linear-gradient(0deg,#0006,transparent 45%)}

.cinema-hero[data-layout=full].narrow-copy .hero-copy h1{font-size:30px}
@media(max-width:600px){.cinema-hero[data-layout=full].narrow-copy .hero-copy h1{font-size:18px}}