.film-screen{position:relative;aspect-ratio:1672/941;background:#071121;isolation:isolate}.film-poster{width:100%;height:100%;object-fit:contain;display:block}.film-play{position:absolute;bottom:34px;left:var(--gutter);display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;min-height:52px;border:0;background:rgba(8,9,8,.9);color:var(--paper);font:400 14px/1.3 GTMono,monospace}.film-play svg{width:28px;height:28px;fill:currentColor}.film-play:hover{background:var(--paper);color:var(--ink)}.film-frame{position:absolute;inset:0;width:100%;height:100%;--media-font-family:GTMono,monospace}.film-frame[hidden],.film-play[hidden],.film-close[hidden]{display:none!important}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px var(--gutter);font:400 12px/1.5 GTMono,monospace;color:var(--muted)}.film-caption>div{display:flex;align-items:center;gap:28px}.film-caption a{color:var(--paper);min-height:44px;display:inline-flex;align-items:center}.film-close{border:0;background:none;min-height:44px;padding:0;color:var(--paper);font:inherit}
@media(max-width:760px){.film-play{left:16px;bottom:14px;gap:6px;min-height:44px;font-size:11px;padding:8px 12px 8px 8px}.film-play svg{width:24px;height:24px}.film-caption{padding:16px 24px;align-items:start;gap:14px;font-size:10px}.film-label{max-width:23ch}.film-caption>div{gap:12px;flex-wrap:wrap;justify-content:end}.film-caption a,.film-close{min-height:32px}}