/* Vimeo facades: the poster and a play button until pressed, then the iframe (see export_vimeo.py) */
.player .play { all: unset; display: block; position: relative; width: 100%; cursor: pointer; }
.player .play:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.player .play img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #000; transition: opacity .2s ease; }
.player .play:hover img { opacity: .85; }
.player .play .bigplay { pointer-events: none; }
.player iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; }
.player.playing .cap { opacity: 0; }
/* MARA mosaic without the two films that left the page (vimeo.json 'remove'): the lead film widens, the
   production-figures video drops to its right, the two strips keep their row */
.mosaic .big { grid-column: 1 / 9; }
.mosaic .s2 { grid-column: 9 / 13; grid-row: 2; align-self: end; margin-top: 0; }
@media (max-width: 900px) { .mosaic .big, .mosaic .s2 { grid-column: 1 / 13; grid-row: auto; } }