/* Video framing independent of portrait/landscape viewport height. */
.cinema-hero .hero-copy .hero-branding{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0;margin-bottom:24px;width:100%;text-align:center}
.cinema-hero .hero-branding .hero-company-mark{width:100%;max-width:560px;min-height:0;margin-inline:auto}
.cinema-hero .hero-branding .anniversary-motion{margin-inline:auto;width:clamp(112px,10vw,145px);height:auto;aspect-ratio:3/4;flex:0 0 auto;align-self:center}
.cinema-hero .anniversary-motion video,.cinema-hero .anniversary-motion .anniversary-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cinema-hero .hero-media{position:relative;min-width:0;background:#092c48;overflow:hidden}
.cinema-hero .hero-media #hero-video{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#092c48}
.reel-tap-play{display:none;position:absolute;inset:0;margin:auto;width:68px;height:68px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ffffffb0;color:#fff;background:#092c48cc;z-index:4;cursor:pointer;font-size:25px;line-height:1;box-shadow:0 6px 28px #0003;touch-action:manipulation}
.hero-media.needs-play .reel-tap-play{display:flex}
.reel-tap-play:focus-visible{outline:3px solid #d8b67c;outline-offset:5px}
.anniversary-motion.needs-play{cursor:pointer}
.anniversary-motion:focus-visible{outline:2px solid #d8b67c;outline-offset:4px}
@media(max-width:1366px),(hover:none) and (pointer:coarse){
 .cinema-hero .cinema-shell{display:flex;flex-direction:column;min-height:0}
 .cinema-hero .hero-copy,html[dir=rtl] .cinema-hero .hero-copy{width:100%;max-width:960px;margin-inline:auto;padding:40px clamp(20px,5vw,65px);}
 .cinema-hero .hero-media{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;flex:none}
 .cinema-hero .hero-media #hero-video{position:absolute;inset:0}
 .cinema-hero .hero-branding .anniversary-motion{width:clamp(112px,15vw,145px)}
 .cinema-hero .hero-media .film-caption{left:clamp(16px,4vw,40px);right:clamp(16px,4vw,40px);bottom:clamp(10px,2vw,22px);font-size:clamp(8px,1.1vw,11px)}
 .cinema-hero .slideshow-controls{gap:14px;flex-wrap:wrap;padding-inline:clamp(20px,5vw,65px)}
 .cinema-hero .scene-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px}
 .cinema-hero .scene{min-height:44px;max-width:none}
 .cinema-hero .playback{margin-top:0}
}
@media(max-width:600px){
 .cinema-hero .hero-copy,html[dir=rtl] .cinema-hero .hero-copy{padding:30px 20px 34px}
 .cinema-hero .hero-copy .hero-branding{gap:16px;margin-bottom:22px}
 .cinema-hero .hero-branding .anniversary-motion{width:120px}
 .cinema-hero .scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
 .reel-tap-play{width:60px;height:60px;font-size:22px}
}
@media(orientation:landscape) and (max-height:600px){
 .cinema-hero .hero-copy .hero-branding{gap:12px;margin-bottom:18px}
 .cinema-hero .hero-branding .anniversary-motion{width:105px}
 .cinema-hero .hero-media{max-height:none;aspect-ratio:16/9}
}