/* Společné kinematické pozadí: čtyři fotky z kraje se pomalu prolínají. */
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-bg-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  background-color: #0a0908;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: opacity, transform;
  animation: outlawBgFade 36s linear infinite, outlawBgDrift 36s ease-in-out infinite;
}

@keyframes outlawBgFade {
  0% { opacity: 0; }
  4% { opacity: 1; }
  21% { opacity: 1; }
  25% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes outlawBgDrift {
  0% { transform: scale(1.04); }
  25% { transform: scale(1.11); }
  100% { transform: scale(1.11); }
}

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

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

@media (prefers-reduced-motion: reduce) {
  .outlaw-bg-slide { animation: none; opacity: 0; transform: none; }
  .outlaw-bg-slide:first-child { opacity: 1; }
}