/* Films (js/muves.js plays them, tools/build.py stills() writes the markup).
   Each film sits under its own still: the still covers the film until it is truly playing and again whenever it
   stops, so a film that is loading, paused or refused by the browser looks like a picture and never shows a play
   button. The film's box must be positioned (relative or absolute), as every film box on the site is. */
.v-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:1;transition:opacity .35s ease}
.v-still.off{opacity:0}
picture.v-still{display:block}
picture.v-still img{display:block;width:100%;height:100%;object-fit:cover}
video[data-autoplay]{pointer-events:none;-webkit-user-select:none;user-select:none}
/* belt and braces: the browser's own play and pause buttons, in case a still is missing */
video[data-autoplay]::-webkit-media-controls{display:none!important}
video[data-autoplay]::-webkit-media-controls-panel{display:none!important}
video[data-autoplay]::-webkit-media-controls-enclosure{display:none!important}
video[data-autoplay]::-webkit-media-controls-play-button{display:none!important}
video[data-autoplay]::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
video[data-autoplay]::-webkit-media-controls-overlay-play-button{display:none!important}
@media (prefers-reduced-motion:reduce){.v-still{transition:none}}