.mobile-film{position:fixed;right:24px;bottom:24px;z-index:1000;width:min(320px,calc(56.25vh - 36px));width:min(320px,calc(56.25dvh - 36px));margin:0;padding:0;background:#101022;color:#f9f6ff;border:1px solid #ffffff24;border-radius:3px;box-sizing:border-box;box-shadow:0 12px 45px #0006}
.mobile-film-heading{display:none}
.mobile-film-heading h2{font-size:12px;line-height:1.6;letter-spacing:.16em;font-weight:500;margin:0}
.mobile-film-heading span{font-size:11px;letter-spacing:.09em;color:#bdb7d1}
.mobile-film-frame{position:relative;aspect-ratio:9/16;width:100%;margin:0;background:#090910;overflow:hidden;border:0;border-radius:2px}
.mobile-film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#090910}
.mobile-film-open{position:absolute;inset:0;z-index:2;width:100%;padding:0;border:0;cursor:pointer;background:linear-gradient(transparent 70%,#0008);color:#fff}
.mobile-film-open span{position:absolute;left:18px;bottom:20px;font-family:inherit;font-size:12px;line-height:1.5;letter-spacing:.02em;text-shadow:0 1px 8px #000}
.mobile-film-pause{position:absolute;right:14px;bottom:15px;z-index:3;min-width:64px;min-height:40px;padding:9px;border:1px solid #ffffff80;border-radius:2px;background:#101022c9;color:#fff;font-family:inherit;font-size:11px;line-height:1.5;cursor:pointer}
.film-banner-close{position:absolute;right:6px;top:6px;z-index:4;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#10102270;color:#fff;font-size:19px;font-weight:300;line-height:1;cursor:pointer}
.film-banner-close:hover{background:#101022c9}
.film-banner-close:focus-visible,.mobile-film-open:focus-visible,.mobile-film-pause:focus-visible{outline:2px solid #fff;outline-offset:-3px}
@media(min-width:701px){.mobile-film.is-desktop-dismissed{display:none}}
@media(max-width:700px){
 .mobile-film{position:static;inset:auto;z-index:auto;display:block;width:100%;max-width:none;max-height:none;margin:0;padding:18px 0 20px;border:0;border-radius:0;box-shadow:none}
 .mobile-film-heading{display:flex;align-items:center;max-width:none;margin:0 18px 14px;justify-content:space-between;gap:12px}
 .mobile-film-frame{max-width:none;border:0;border-radius:0}
 .film-banner-close{display:none}
}
