/* Both films use one video, its own caption selector, and its own fullscreen wrapper. */
.film-player{width:100%;background:#112e3d;border-radius:16px;overflow:hidden;container-type:inline-size;--film-controls-space:72px;--film-caption-space:112px}
.film-viewport{position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;background:#000}
#future-life .film-viewport video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;border-radius:0}
.film-typed-caption{position:relative;display:flex;align-items:center;justify-content:center;padding:0 10px;height:var(--film-caption-space);min-height:var(--film-caption-space);background:#112e3d;pointer-events:none;container-type:inline-size}
.film-typed-caption[hidden]{display:flex!important;visibility:hidden}
.film-player[data-caption-view="ordinary"],.film-player[data-caption-view="off"]{--film-caption-space:0px}
.film-player[data-caption-view="ordinary"] .film-typed-caption,.film-player[data-caption-view="off"] .film-typed-caption{display:none!important}
.film-caption-box{display:block;max-width:100%;padding:7px 9px;border-radius:8px;background:rgba(10,24,26,.90);color:#fffaf0;font-family:Withe,sans-serif;font-size:clamp(14px,4.5cqw,28px);line-height:1.45;text-align:left;overflow:hidden}
.film-caption-line{position:relative;display:block;min-height:1.45em;white-space:pre}
.film-caption-measure{visibility:hidden;white-space:pre}
.film-caption-visible{position:absolute;left:0;top:0;white-space:pre}
.film-player-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;background:#112e3d;color:#fffaf0;font-size:14px;line-height:1.4;flex-wrap:wrap}
.film-player-controls label{display:flex;align-items:center;gap:10px}
.film-player-controls select{font:inherit;color:#173342;background:#fffdf8;border:1px solid #c9cbbb;border-radius:6px;padding:7px 9px;min-height:38px;line-height:1.3}
.film-player-controls button{font:inherit;color:inherit;border:1px solid #ffffff66;border-radius:6px;padding:8px 13px;background:transparent;cursor:pointer;min-height:38px;line-height:1.3}
.film-player-controls select:focus-visible,.film-player-controls button:focus-visible{outline:3px solid #e0c695;outline-offset:4px}
.film-caption-status{flex-basis:100%;margin:0;color:#d5dfda;font-size:14px;line-height:1.6}
.film-caption-status:empty{display:none}
.film-player:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;padding:0;border-radius:0;background:#000;gap:0;--film-controls-space:56px}
.film-player[data-caption-view="typing"]:fullscreen{--film-caption-space:112px}
.film-player:fullscreen .film-viewport{flex:none;width:min(100vw,calc((100vh - var(--film-controls-space) - var(--film-caption-space))*16/9));max-height:calc(100vh - var(--film-controls-space) - var(--film-caption-space));aspect-ratio:16/9}
.film-player:fullscreen .film-typed-caption,.film-player:fullscreen .film-player-controls{flex:none;width:100vw;background:#000}
.film-player:fullscreen .film-typed-caption{height:var(--film-caption-space);min-height:var(--film-caption-space);padding-block:0}
.film-player:fullscreen .film-player-controls{height:var(--film-controls-space);min-height:var(--film-controls-space);padding:7px 12px;justify-content:space-between;align-content:center;overflow:auto}
.film-player[data-caption-status-present="true"]:fullscreen{--film-controls-space:96px}
.film-player::backdrop{background:#000}
#future-life video:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;background:#000;border-radius:0}
.film-transcript{margin-top:22px;border-top:1px solid #d8d8cb;padding-top:14px;font-size:14px;color:#53636a}
.film-transcript summary{cursor:pointer;color:#806439}
.film-transcript p{margin:12px 0;max-width:75ch}
.film-auxiliary{margin-top:36px;padding-top:25px;border-top:1px solid #d8d8cb}
.film-auxiliary>summary{cursor:pointer;color:#173342;font-size:19px;font-weight:550;line-height:1.6;padding-block:5px}
.film-auxiliary>p{color:#53636a;font-size:15px;max-width:75ch;margin:20px 0}
.film-current-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px;padding-top:28px;border-top:1px solid #d8d8cb}
.film-current-scope h3{font-size:17px;line-height:1.6;margin:0 0 12px;font-weight:550}
.film-current-scope p{font-size:14px;line-height:1.85;color:#53636a;margin:0}
@media(max-width:760px){.film-player{border-radius:10px;--film-controls-space:104px;--film-caption-space:96px}.film-player-controls{padding:12px 14px;gap:12px;font-size:14px}.film-player:fullscreen{--film-controls-space:104px}.film-player[data-caption-status-present="true"]:fullscreen{--film-controls-space:164px}.film-current-scope{grid-template-columns:1fr;gap:22px}.film-caption-box{padding:5px 8px}}
@media(max-height:500px){.film-player[data-caption-view="typing"]:fullscreen{--film-caption-space:88px}.film-player:fullscreen .film-caption-box{font-size:clamp(14px,4.5cqw,20px)}}
@media(prefers-reduced-motion:reduce){.film-player *{scroll-behavior:auto}}