.hero-film{margin:28px 0 8px;max-width:560px}
.hero-film-card{position:relative;display:block;width:100%;padding:0;border:1px solid rgba(127,168,212,.35);border-radius:10px;overflow:hidden;background:#0f1923;cursor:pointer;aspect-ratio:16/9}
.hero-film-card video{width:100%;height:100%;object-fit:cover;display:block}
.hero-film-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(12,68,124,.92);border:2px solid #7FA8D4}
.hero-film-play:after{content:"";position:absolute;left:25px;top:19px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.hero-film-cap{position:absolute;left:14px;bottom:10px;color:#fff;font:600 14px Inter,sans-serif;text-shadow:0 1px 4px #000}
.hero-film-card:focus-visible,.film-close:focus-visible{outline:3px solid #7FA8D4;outline-offset:2px}
#film-modal{border:0;padding:0;background:#0f1923;color:#fff;width:min(1100px,94vw);max-height:92vh;border-radius:10px}
#film-modal::backdrop{background:rgba(5,10,16,.85)}
.film-wrap{position:relative;padding:0}
.film-wrap video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.film-close{position:absolute;right:8px;top:8px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(12,68,124,.9);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.film-transcript{padding:12px 18px 16px;font:14px/1.6 Inter,sans-serif;color:#cfd8e3}
.film-transcript summary{cursor:pointer;font-weight:600;color:#fff}
@media(max-width:600px){.hero-film{max-width:100%}.hero-film-play{width:52px;height:52px;margin:-26px 0 0 -26px}.hero-film-play:after{left:20px;top:14px}}
button.cta-btn{background:transparent;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}