/* Movies is a single full-bleed frame. The stage keeps its margin-left so the
   frame starts clear of the rail, but gives up its padding — a player should
   meet the edges. */

.ol-stage.movies {
  height: 100vh;
  padding: 0;
}

.movies-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: var(--bg);
}

/* Narrow: the rail is a bottom bar, so the frame has to stop short of it.
   Needs the descendant selector to outweigh ui.css's "body.rail-open
   .ol-stage" padding-bottom, which would otherwise apply only when the rail
   happens to be open. box-sizing: border-box keeps 100vh inclusive of it. */
@media (max-width: 820px) {
  body .ol-stage.movies { padding-bottom: 80px; }
}