/* The original film, recut as quiet illustrations in the article. */
.room-story .room-film{max-width:600px;margin:32px auto 40px;clear:both}
.room-film .film-stage{overflow:hidden;aspect-ratio:9/8;border-radius:12px;background:#10141e}
.room-film .film-stage video{display:block;width:100%;height:100%;object-fit:contain}
.room-story .room-film.film-portrait{max-width:380px}
.room-film.film-portrait .film-stage{aspect-ratio:9/16}
.room-story .room-film.film-depth{max-width:620px}
.room-film.film-depth .film-stage{aspect-ratio:6/7}
.room-story .room-film.film-model{max-width:600px}
.room-film.film-model .film-stage{aspect-ratio:9/8}
.room-film .film-chapters{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0 0 8px;border-bottom:1px solid var(--ink-2);border-color:color-mix(in srgb,var(--ink-2) 25%,transparent)}
.room-film .film-chapters[hidden],.room-film .film-controls[hidden]{display:none}
.room-film .film-chapters button{min-height:44px;padding:8px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-2);font:16px/1.35 var(--body);cursor:pointer;text-align:left}
.room-film .film-chapters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--blue)}
.room-film .film-chapters button:hover{color:var(--blue)}
.room-film .film-controls{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid var(--ink-2);border-color:color-mix(in srgb,var(--ink-2) 25%,transparent)}
.room-film [data-film-play]{min-height:44px;min-width:64px;padding:8px 4px;border:0;background:none;color:var(--ink);font:16px/1.35 var(--body);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:4px}
.room-film [data-film-play]:hover{color:var(--blue)}
.room-film .film-controls label{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;color:var(--ink-2);font:13px/1.3 var(--body)}
.room-film [data-film-scrub]{display:block;min-width:0;width:100%;height:44px;margin:0;accent-color:var(--blue);cursor:pointer}
.room-film [data-film-time]{font:14px/1.4 var(--mono);color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.room-film .film-status{margin:6px 0 0;min-height:0;color:var(--ink-2);font:14px/1.45 var(--body)}
.room-film .film-status:empty{display:none}
.room-story .room-film figcaption{margin-top:9px}
.room-film button:focus-visible,.room-film input:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:3px}
.room-film button:active{transform:translateY(1px)}
@media(max-width:480px){.room-film .film-controls{grid-template-columns:58px minmax(0,1fr);gap:0 8px;padding:2px 0 6px}.room-film [data-film-time]{grid-column:2;justify-self:end;margin-top:-5px}.room-film .film-controls label{gap:6px}.room-film .film-chapters{gap:0 14px}.room-film .film-chapters button{font-size:15px}}