.cinema-hero.cinema-screen-hero{display:block;grid-template-columns:none;background:#080809;border:0;border-radius:12px}
.cinema-screen-hero .cinema-hero-art,.cinema-screen-hero .cinema-hero-art:has(.native-video){aspect-ratio:16/7;min-height:0}
.cinema-screen-hero .native-video{height:100%}
.cinema-hero-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(0deg,#0009,transparent 55%)}
.cinema-screen-hero:hover .cinema-hero-overlay,.cinema-screen-hero:focus-within .cinema-hero-overlay{opacity:1}
.cinema-hero-overlay>img{position:absolute;right:3%;top:6%;width:82px;height:auto}
.cinema-hero-overlay>div{position:absolute;left:3%;bottom:9%;display:flex;flex-direction:column;color:#fff;gap:4px}
.cinema-hero-overlay strong{font-size:clamp(24px,3vw,42px);line-height:1.1;letter-spacing:-1px;font-weight:600}
.cinema-hero-overlay span{font-size:clamp(17px,2vw,28px);line-height:1.2;color:#ffffffb8}
.cinema-screen-hero .native-watermark,.cinema-screen-hero .native-caption,.cinema-screen-hero .native-timeline,.cinema-screen-hero .native-volume,.cinema-screen-hero .native-utilities,.cinema-screen-hero [data-native=back],.cinema-screen-hero [data-native=forward]{display:none}
.cinema-screen-hero .native-controls{position:absolute;inset:0;background:none;padding:0;display:grid;place-items:center;pointer-events:none;z-index:4;opacity:0}
.cinema-screen-hero:hover .native-controls,.cinema-screen-hero:focus-within .native-controls{opacity:1}
.cinema-screen-hero .native-control-row,.cinema-screen-hero .native-transport{display:flex;justify-content:center;width:auto}
.cinema-screen-hero [data-native=toggle]{pointer-events:auto;width:54px;height:54px;border-radius:50%;background:#ffffffe8;color:#141419;display:grid;place-items:center}
@media(max-width:767px){.cinema-screen-hero .cinema-hero-art,.cinema-screen-hero .cinema-hero-art:has(.native-video){aspect-ratio:16/9}.cinema-hero-overlay>img{width:60px}.cinema-hero-overlay strong{font-size:22px}.cinema-hero-overlay span{font-size:15px}}
@media(hover:none){.cinema-hero-overlay,.cinema-screen-hero .native-controls{opacity:1}}
@media(prefers-reduced-motion:reduce){.cinema-hero-overlay{transition:none}}
.cinema-screen-hero .native-controls{transform:none}
.cinema-screen-hero .native-screen,.cinema-screen-hero .native-screen video{width:100%;height:100%}
.cinema-screen-hero .native-screen video{object-fit:cover}