/* Rooms film: full-width, centred image and a small, accessible playback control. */
.mm-video-camere--cinematic { padding: var(--mm-gap) 0 0; }
.mm-video-camere--cinematic .mm-film-heading { padding-bottom: clamp(1.75rem, 4vw, 3rem); text-align: center; }
.mm-video-camere--cinematic .mm-title { max-width: none; margin-inline: auto; }
.mm-video-camere--cinematic .mm-video-camere__box { position: relative; width: 100%; max-width: none; margin: 0; }
.mm-room-film-stage { position: relative; width: 100%; height: calc(100svh - var(--mm-top)); min-height: 320px; background: #12110d; overflow: hidden; }
.mm-video-camere--cinematic video { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center; }
.mm-room-film-toggle { position: absolute; right: 22px; bottom: 22px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 16px; border: 1px solid #ffffffb3; border-radius: 999px; background: #fff9e8ed; color: #554536; font: 600 13px/1.2 var(--sans, Arial, sans-serif); cursor: pointer; -webkit-appearance: none; appearance: none; }
.mm-room-film-toggle[hidden] { display: none; }
.mm-room-film-toggle svg { display: block; width: 16px; height: 16px; flex-shrink: 0; }
.mm-room-film-toggle:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.mm-room-walks { background: #edf0e6; border-block: 1px solid #dce0d3; }
.mm-room-welcome { background: var(--paper, #fff); }
@media (max-width: 767px) {
  /* Keep the full room in view on a narrow screen instead of cropping to portrait. */
  .mm-room-film-stage { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
  .mm-room-film-toggle { right: 12px; bottom: 12px; padding: 10px 13px; }
}