html { min-height: 100%; background: #0a0908; }
body {
  min-height: 100vh;
  background: transparent !important;
  isolation: isolate;
}

.outlaw-video-background {
  position: fixed;
  z-index: -2;
  inset: 0;
  overflow: hidden;
  background: #0a0908;
  pointer-events: none;
}

.outlaw-video-background #ol-yt-bg,
.outlaw-video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  border: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.outlaw-video-background::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8,6,4,.28), rgba(8,6,4,.56)),
    radial-gradient(ellipse at 50% 42%, transparent 28%, rgba(4,3,2,.5) 100%);
}

header, main, footer { position: relative; z-index: 1; }

.home-camp,
.hero {
  background-image: none !important;
  background-color: transparent !important;
  background-blend-mode: normal !important;
}

body.ol-app-body {
  background: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
  .outlaw-video-background { display: none; }
}