/* Shared silent cinematic background. Content always stays above the video. */
html { min-height: 100%; background: #1a0e08; }
body {
  min-height: 100vh;
  background: transparent !important;
  isolation: isolate;
}

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

.outlaw-video-background::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(17,8,4,.22), rgba(17,8,4,.55)),
    radial-gradient(circle at 50% 45%, transparent 20%, rgba(12,6,3,.42) 100%);
}

.outlaw-video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.778vh;
  min-width: 100%;
  height: 56.25vw;
  min-height: 100%;
  border: 0;
  transform: translate(-50%, -50%);
}

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

@media (prefers-reduced-motion: reduce) {
  .outlaw-video-background iframe { display: none; }
  .outlaw-video-background { background: #24130a url('/assets/images/frontier-hero.png') center / cover no-repeat; }
}