.filmstage{position:fixed;inset:0;z-index:220;background:rgba(20,18,15,.94);display:none;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .7s ease}.filmstage.on{display:flex}.filmstage.handoff{pointer-events:none;cursor:default}.filmstage.out{opacity:0}.film-x{position:absolute;top:calc(18px + env(safe-area-inset-top, 0px));right:18px;z-index:2;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:hsla(42,31%,94%,.95);color:#1a1816;font-size:22px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.35)}.film-frame{position:relative;width:min(330px,76vw);aspect-ratio:9/16;border-radius:16px;cursor:default;background:#2a2723 radial-gradient(80% 60% at 50% 30%,hsla(0,0%,100%,.08),transparent);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.film-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#1a1816}.film-parked{position:fixed!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;bottom:0;right:0}.film-cap{font-family:var(--serif);font-size:17px;font-style:italic;color:#f4f1ea;text-align:center;padding:0 26px 46px;transition:opacity .3s}.film-cap.swap{opacity:0}.film-flag{top:14px;left:14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:hsla(42,31%,94%,.5);border:1px dashed hsla(42,31%,94%,.3);border-radius:6px;padding:4px 8px}.film-flag,.film-skip{position:absolute;font-family:var(--sans)}.film-skip{bottom:22px;left:50%;transform:translateX(-50%);font-size:12.5px;color:hsla(42,31%,94%,.75)}@media (prefers-reduced-motion:reduce){.film-cap,.filmstage{transition:none}}