.mx-hero-film{position:relative;width:100%;height:calc(100% - 32px);max-height:265px;min-height:0;margin:0;overflow:hidden;border-radius:20px;background:#071322;border:1px solid #6a9acb45;box-shadow:0 18px 45px #00132e35;isolation:isolate}
.mx-hero-film>img,.mx-hero-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.mx-hero-film>video{opacity:0;transition:opacity .4s;pointer-events:none}.mx-hero-film.mx-film-ready>video{opacity:1}
.mx-film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00132645,transparent 40%,#001020d9);pointer-events:none}
.mx-film-label{position:absolute;top:17px;left:19px;display:flex;align-items:center;gap:8px;font:600 8px Barlow,Arial;color:#e1f0ff;letter-spacing:2px;text-shadow:0 1px 8px #0008}
.mx-film-label:before{content:'';height:5px;width:5px;background:#80c6ff;border-radius:50%;box-shadow:0 0 12px #80c6ff}
.mx-hero-film figcaption{position:absolute;bottom:23px;left:21px;color:#fff;font:600 clamp(17px,1.9vw,28px)/1.05 'Barlow Condensed',Arial;max-width:55%;text-wrap:balance;text-shadow:0 2px 15px #00132480}
.mx-hero-film figcaption small{display:block;font:500 6px Barlow,Arial;letter-spacing:1.8px;color:#b5d5f2;margin-bottom:6px}
.mx-film-chapters{position:absolute;bottom:21px;right:20px;display:flex;align-items:flex-end;gap:7px}
.mx-film-chapters span{width:29px;color:#b0c5d8;font:500 5px Barlow,Arial;letter-spacing:.4px;text-align:center;white-space:nowrap}.mx-film-chapters span:after{content:'';height:2px;display:block;background:#b0c5d84d;margin-top:5px;border-radius:2px}.mx-film-chapters span.active{color:#fff}.mx-film-chapters span.active:after{background:#83c9ff}
.mx-film-toggle{position:absolute;right:12px;top:10px;height:32px;width:32px;display:grid;place-items:center;border:1px solid #bcd7ed60;border-radius:50%;background:#00132480;color:#fff;font:600 12px Arial;cursor:pointer;padding:0}
.mx-film-toggle[hidden]{display:none}.mx-film-toggle:hover{background:#123459}.mx-film-toggle:focus-visible{outline:2px solid white;outline-offset:3px}
[data-theme=light] .mx-hero-film{border-color:#8caacc70;box-shadow:0 14px 35px #0e366e20}
@media(max-width:1100px){.mx-hero-film figcaption{max-width:48%;font-size:20px}.mx-film-chapters{gap:4px;right:12px}.mx-film-chapters span{width:25px}}
@media(max-width:760px){.mx-hero-film{height:112px;max-height:calc(100% - 16px);border-radius:13px;width:100%;box-shadow:0 9px 20px #00132e25}.mx-film-label,.mx-hero-film figcaption,.mx-film-chapters{display:none}.mx-film-toggle{top:auto;bottom:6px;right:6px;height:28px;width:28px;font-size:10px}.mx-film-shade{background:linear-gradient(180deg,transparent 60%,#00102066)}}
@media(prefers-reduced-motion:reduce){.mx-hero-film>video{transition:none}}