/* Film is part of the page. Click/tap its surface, or use keyboard focus, to pause. */
.film-clip figcaption{margin-top:13px;color:var(--muted);font-size:12px;line-height:1.6}
.film-caption-copy{min-width:0;display:grid;gap:3px}
.film-caption-meta{font-size:10px;color:var(--muted)}
.film-surface-control{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}
.film-surface-control:hover,.film-surface-control:active{background:transparent;box-shadow:none;transform:none}
.film-surface-control:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 3px var(--olive)}
.film-surface-control .film-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.film-surface-control[aria-disabled=true]{cursor:default}
.film-error{max-width:65ch}
@media(max-width:760px){.film-clip figcaption{font-size:11px;margin-top:10px}.film-caption-meta{font-size:10px}}