video {
  background-color: #050609;
}

video[poster] {
  background-size: cover;
  background-position: center;
}

video[data-src]:not([src]) {
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255, 255, 255, 0.06),
      transparent 38%
    ),
    linear-gradient(145deg, #090a0d, #020204);
}

video[data-src]:not([src]) + [data-inline-video] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.media-tile,
.manifest__media,
.browser-frame,
.phone-frame,
.film-player {
  contain: layout paint style;
}

@media (max-width: 899px) {
  html {
    scroll-behavior: auto;
  }

  .grain,
  .loader__video,
  .loader__video-bg,
  .loader__phrases {
    display: none !important;
  }

  .site-header,
  .services-panel {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .site-header {
    background: rgba(3, 4, 7, 0.96) !important;
  }

  .intro video {
    filter: none !important;
  }

  .magnetic {
    transform: none !important;
  }

  .compare,
  .media-tile,
  .studio-card,
  .timeline article {
    content-visibility: auto;
    contain-intrinsic-size: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}