/* The video and its native poster share one 16:9 frame. Controls overlay it. */
body.movie-first .detail-video{padding:72px 0 32px;background:#fff}
body.movie-first .detail-video-inner{max-width:1120px;margin:auto;padding:0 40px}
.movie-player{position:relative;aspect-ratio:16/9;width:100%;padding:0;background:#000;overflow:hidden;border-radius:16px}
.movie-player video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.movie-cover{appearance:none;display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;clip-path:inset(0 0 56px 0);color:#fff}
.movie-cover[hidden]{display:none}
.movie-cover-photo,.movie-cover-shade,.movie-cover-label,.movie-cover-copy{display:none}
.movie-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.5);transition:none;color:#fff}
.movie-play-icon svg{width:24px;height:24px;fill:currentColor;margin:0}
.movie-cover:hover .movie-play-icon{background:#fff;color:#222}
.movie-cover:focus-visible{outline:3px solid #fff;outline-offset:-7px}
@media(max-width:800px){
 body.movie-first .detail-video{padding:40px 0 16px}
 body.movie-first .detail-video-inner{padding:0 24px}
 .movie-play-icon{width:56px;height:56px}
}
@media(max-width:520px){
 body.movie-first .detail-video-inner{padding:0 20px}
 .movie-player{border-radius:12px}
 .movie-cover{clip-path:inset(0 0 48px 0)}
 .movie-play-icon{width:44px;height:44px}
 .movie-play-icon svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.movie-play-icon{transition:none}}