/* A full-width film passage, with water/mist dissolving into both neighbours. */
.inline-film{position:relative;isolation:isolate;width:100%;background:#09141a;color:#e8efee;scroll-margin-top:0;padding:0 0 30px}
.inline-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#09141a;mask-image:url('assets/film-fog-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}
.inline-film-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;padding:0 5vw;font-size:10px;letter-spacing:.12em;margin-top:6px;min-height:46px}
.inline-film-controls>span{color:#a4b8bc;font-size:8px}
.inline-film-controls>div{display:flex;gap:22px;flex-wrap:wrap}
.inline-film-controls button{background:transparent;border:0;color:#d7e3e3;font-size:11px;letter-spacing:0;min-height:44px;padding:0;border-bottom:1px solid #9dafaf50}
.inline-film-controls button:hover{color:white;border-color:#e8efee}
.inline-film-error{font-size:13px;text-align:center;margin:12px 24px;color:#d7e3e3}
@media(max-width:650px){
 .inline-film video{aspect-ratio:9/16}
 .inline-film-controls{display:block;padding:0 24px;margin-top:15px;font-size:10px}
 .inline-film-controls>span{display:block;margin-bottom:10px;font-size:7px}
 .inline-film-controls>div{justify-content:space-between;gap:12px}
 .inline-film-controls button{font-size:10px}
}