.PressHomepageFilmOverlay {
  position: fixed;
  top: 0;
  display: none;
  width: var(--windowWidth);
  height: var(--screenHeight);
  background: #121212;
  color: #ffd943;
  --color: #ffd943;
  z-index: 1000
}

.PressHomepageFilmOverlay__backIcon {
  position: absolute;
  left: var(--bodyMargin);
  top: var(--bodyMargin);
  transition: opacity .2s;
  cursor: pointer;
  stroke: var(--color)
}

.PressHomepageFilmOverlay__videoContainer {
  position: absolute;
  left: 4vw;
  top: 60px;
  right: 4vw;
  width: 92vw;
  height: 51.75vw;
  max-height: calc(var(--screenHeight) - 2vw);
  transform: scale(.9);
  opacity: 0
}

@media (min-width:900px) {
  .PressHomepageFilmOverlay__videoContainer {
    top: 1vw;
    left: 9vw;
    right: 4vw;
    width: 82vw
  }
}

.PressHomepageFilmOverlay__iframe {
  position: relative;
  width: 100%;
  height: var(--screenHeight)
}

.isFilmOverlay .PressHomepageFilmOverlay {
  left: 0;
  display: block;
  z-index: 1000
}

.isFilmOverlay .PressHomepageFilmOverlay__videoContainer {
  display: block;
  animation: FilmOverlayReveal .3s forwards;
  opacity: 1
}

@media FilmOverlayReveal {
  0% {
    transform: scale(.9)
  }

  to {
    transform: scale(.999)
  }
}