.film-frame{position:relative;overflow:hidden;border-radius:8px;background:#070a11;isolation:isolate}.film-frame--bleed{position:absolute;inset:0;border-radius:0}.film-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.film-over,.film-scrim,.film-video{position:absolute;inset:0}.film-over{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4cqw,28px);pointer-events:none}.film-frame{container-type:inline-size}.film-btn{position:absolute;right:12px;bottom:12px;z-index:3;width:40px;height:40px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);background:rgba(8,22,43,.82);color:#fff;cursor:pointer}.film-btn:hover{border-color:var(--sun)}.film-btn:focus-visible{outline:3px solid var(--sun);outline-offset:2px}