/* Seamless room: the video is composited onto the exact page colour. */
.freedom-film,.error-art .freedom-film{position:relative;width:100%;aspect-ratio:20/17;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.freedom-film video{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in}
.hero-art:has(.freedom-film){padding:0 0 62px;overflow:visible}
.hero-art:has(.freedom-film) .scene-caption{bottom:24px;left:10%;right:6%}
.scene-caption:has(.scene-pause){gap:12px;flex-wrap:wrap}
.scene-caption:has(.scene-pause)>span{margin-right:auto}
.film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;min-height:48px;padding:13px 22px;border:1px solid #cf8780;border-radius:30px;background:#172d45;color:#fff7f2;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer;box-shadow:0 5px 24px #172d4526;touch-action:manipulation}
.film-start:focus-visible{outline:3px solid #ce7971;outline-offset:4px}
.film-start[hidden],.scene-caption .scene-pause[hidden]{display:none!important}
@media(max-width:900px){.hero-art:has(.freedom-film){padding:8px 0 58px;max-width:720px}.hero-art:has(.freedom-film) .scene-caption{bottom:14px;left:6%;right:6%}}
@media(prefers-reduced-motion:reduce){.freedom-film video{animation:none!important}.scene-caption .scene-replay:not([hidden]){display:inline-flex!important}}
