.archive-film{position:relative;width:100%;aspect-ratio:16/9;background:#111;color:#fff;overflow:hidden;isolation:isolate;--film-inset:clamp(16px,3vw,48px);--film-gap:24px}
.archive-film__screen,.archive-film__screen iframe,.archive-film__children{position:absolute;inset:0;width:100%;height:100%;border:0}
.archive-film__screen{z-index:0}.archive-film__screen iframe{pointer-events:none}
.archive-film__children{z-index:1;pointer-events:none}
.archive-film__children>.archive-film-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transition:opacity .45s}
.archive-film-poster img,.archive-film-poster picture{width:100%;height:100%;object-fit:cover;display:block}
.archive-film__children:before{content:"";position:absolute;z-index:2;top:var(--film-inset);left:var(--film-inset);width:calc((100% - 2 * var(--film-inset)) * 2 / 3 - var(--film-gap));height:1px;background:currentColor;transition:opacity .45s}
.archive-film__children>.archive-film-title{position:absolute!important;z-index:2;top:var(--film-inset)!important;left:calc(var(--film-inset) + (100% - 2 * var(--film-inset)) * 2 / 3)!important;width:calc((100% - 2 * var(--film-inset)) / 3)!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;color:inherit;transition:opacity .45s}
.archive-film.has-started .archive-film-poster{opacity:0;visibility:hidden}
.archive-film.editorial-hidden .archive-film-title,.archive-film.editorial-hidden .archive-film__children:before{opacity:0}
.archive-film__controls{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:40px var(--film-inset) 20px;background:linear-gradient(transparent,rgba(0,0,0,.65));font:12px/1.4 Arial,sans-serif}
.archive-film__controls button{appearance:none;flex-shrink:0;background:none;border:0;color:inherit;font:inherit;padding:10px 0;cursor:pointer;min-height:44px}
.archive-film__controls :focus-visible{outline:2px solid white;outline-offset:4px}
.archive-film__controls :disabled{opacity:.5;cursor:default}
.archive-film__progress{flex:1;min-width:32px;accent-color:#fff;height:2px;cursor:pointer}
.archive-film__time{white-space:nowrap;font-variant-numeric:tabular-nums}
.archive-film__status{position:absolute;z-index:4;left:var(--film-inset);right:var(--film-inset);bottom:80px;font:14px/1.4 Arial,sans-serif;margin:0}
.archive-film:fullscreen{width:100%;height:100%;aspect-ratio:auto}
@media(max-width:600px){.archive-film{aspect-ratio:4/3;--film-gap:12px}.archive-film__controls{gap:9px;padding-bottom:10px;flex-wrap:wrap}.archive-film__progress{order:5;flex-basis:100%}.archive-film-title{font-size:clamp(16px,4vw,26px)!important}}
@media(prefers-reduced-motion:reduce){.archive-film *,.archive-film__children:before{transition:none!important}}