/* HTML stays readable before enhancement and while the first image loads. */
html[data-page-motion="full"] .hero-directed :is(.motion-line > span,.msc-hero-copy > p,.msc-actions) { animation:none; }
.home-motion .hero-directed .motion-line { overflow:visible; }
.home-motion .hero-directed .msc-hero-copy h1 { text-wrap:balance; }
.hero-directed .cinema-shutter { position:absolute; top:0; bottom:0; left:0; width:2px; background:#ffcf84; opacity:0; pointer-events:none; z-index:3; }
.home-motion .hero-directed .opening-replay { display:grid; place-items:center; position:absolute; top:20px; right:72px; z-index:6; width:40px; height:40px; padding:0; border:1px solid #ffffff55; border-radius:50%; background:#152a32c9; color:#fff; cursor:pointer; box-shadow:none; }
.opening-replay svg { width:17px; height:17px; }
.home-motion .hero-directed .opening-replay:hover { background:#214f88; }
.opening-replay:disabled { opacity:.4; cursor:default; }
.home-motion .hero-directed .msc-showcase-pagination button span { border-bottom-color:transparent; }
.home-motion .hero-directed .msc-showcase-pagination button { position:relative; }
.home-motion .hero-directed .msc-showcase-pagination button::after { content:""; position:absolute; left:0; right:0; bottom:4px; height:2px; background:#ffd08e; transform:scaleX(0); transform-origin:left; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.home-motion .hero-directed .msc-showcase-pagination button[aria-pressed="true"]::after { transform:scaleX(1); }
.cinema-heading { position:relative; }
.cinema-heading::after { content:""; position:absolute; bottom:-13px; left:0; width:62px; height:2px; background:#c59851; transform:scaleX(0); transform-origin:left; }
.cinema-heading.is-arrived::after { transform:scaleX(1); transition:transform .7s cubic-bezier(.2,.7,.2,1); }
@media(max-width:800px) {
 .home-motion .hero-directed .opening-replay { top:12px; right:57px; width:36px; height:36px; }
 .opening-replay svg { width:15px; height:15px; }
 .cinema-heading::after { width:46px; bottom:-11px; }
}
html[data-page-motion="reduced"] .hero-directed .cinema-shutter { display:none; }
html[data-page-motion="reduced"] .cinema-heading::after { transform:scaleX(1); transition:none; }
@media(prefers-reduced-motion:reduce) {
 .hero-directed .cinema-shutter { display:none; }
 .cinema-heading::after { transform:scaleX(1); transition:none; }
}