html,
body,
#__nuxt {
  max-width: 100%;
  overflow-x: clip;
}

main,
section,
picture,
img,
video,
iframe {
  max-width: 100%;
}

.video-clip__vimeo-video video {
  aspect-ratio: 16 / 9;
  display: block;
  height: 100%;
  object-fit: cover;
  scale: 1.0015;
  width: 100%;
}

.video-clip--square-ratio .video-clip__vimeo-video__wrapper video {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.video-feature,
.video-feature .video-clip,
.video-feature .video-clip__vimeo-video,
.video-feature .video-clip__vimeo-video__wrapper {
  max-width: none;
  overflow: hidden;
  width: 100%;
}

.video-feature .video-clip:not(.video-clip--square-ratio) video {
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: min(100vh, 56.25vw);
  object-fit: cover;
  width: 100%;
}

.site-missing-page {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  min-height: 56px;
  width: 100%;
}

.site-missing-loader {
  align-items: center;
  display: flex;
  gap: 6px;
}

.site-missing-loader span {
  animation: site-missing-loader 1.1s ease-in-out infinite;
  background: #050505;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.site-missing-loader span:nth-child(2) {
  animation-delay: 0.14s;
}

.site-missing-loader span:nth-child(3) {
  animation-delay: 0.28s;
}

@keyframes site-missing-loader {
  0%,
  60%,
  100% {
    opacity: 0.25;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-missing-loader span {
    animation: none;
    opacity: 0.55;
  }
}