/* Shared video-cover control; text links and native player controls keep their roles. */
:is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play){display:grid;place-items:center;box-sizing:border-box;width:68px;height:68px;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:#fff;background-image:none;color:#006bd6;box-shadow:0 8px 32px #10192b38;font-size:0;line-height:0;transform:none;transition:box-shadow .2s ease}
:is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play){position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}
/* The triangle's area centroid is at the circle centre, independent of SVG/font metrics. */
:is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play)::after{content:'';display:block;width:28px;height:28px;background:currentColor;clip-path:polygon(31.25% 14.58%,87.5% 50%,31.25% 85.42%)}
:is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play)>.ri{display:none}
/* Legacy text inside the AI cover must not create a second grid row for the triangle. */
.video-big-play::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
:is(#filmPlay,.product-video-cover,.video-feature):hover>:is(.film-play-icon,.product-video-play,.video-big-play),:is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play):hover{box-shadow:0 12px 42px #1f62bd60}
:is(#filmPlay,.product-video-cover,.video-feature,.company-play):focus-visible{outline:3px solid #86b9ff;outline-offset:-4px}
/* Put the homepage title and duration beneath its centred play control. */
#filmPlay .film-cover-copy{inset:auto 32px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px;row-gap:6px;pointer-events:none}
#filmPlay .film-cover-copy>small{grid-column:1 / -1}
#filmPlay .film-cover-copy>strong{max-width:none;font-size:24px;line-height:1.5}
#filmPlay .film-play-label{grid-column:2;grid-row:2;display:block}
#filmPlay .film-time{font-size:13px;color:#e7edf8}
@media(max-width:767px){
 :is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play){width:52px;height:52px}
 :is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play)::after{width:22px;height:22px}
 #filmPlay .film-cover-copy{inset:auto 18px 15px;column-gap:12px;row-gap:4px}
 #filmPlay .film-cover-copy>small{font-size:10px}
 #filmPlay .film-cover-copy>strong{font-size:16px;line-height:1.4}
 #filmPlay .film-time{font-size:12px}
}
/* On narrow phones, the title carries the caption without a repeated eyebrow. */
@media(max-width:350px){
 #filmPlay .film-cover-copy{bottom:12px}
 #filmPlay .film-cover-copy>small,#mainVideo .video-caption small,.product-video-meta h3::before{display:none}
 #filmPlay .film-cover-copy>strong,#mainVideo .video-caption strong,.product-video-meta h3{font-size:15px;line-height:1.3}
 #filmPlay .film-play-label{grid-row:1}
 #mainVideo.video-feature{aspect-ratio:16/9}
 #mainVideo .video-caption{left:18px;right:18px;bottom:12px}
 .product-video-meta{bottom:12px}
}
@media(prefers-reduced-motion:reduce){:is(#filmPlay>.film-play-icon,.product-video-play,.video-big-play,.company-play){transition:none}}