/* home-video-bg.css — 4D hyper-reactive video background layer positions (home page only) */
/* Z-index contract: video(-4) < webgl shader(-3) < canvas fx(-2) < field(-1) < content(2) */

.home-bg-video,
.home-bg-gl,
.home-bg-fx {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: none;
}

.home-bg-video {
  z-index: -4;
  object-fit: cover;
  background: #06060f;
  /* Eye-comfort dim for the no-WebGL fallback path (the shader path dims
     inside the fragment shader; CSS filter never affects the texture) */
  filter: brightness(0.6);
}

.home-bg-gl {
  z-index: -3;
}

.home-bg-fx {
  z-index: -2;
}

/* Reduced motion: shader + fx layers hidden; the plain <video> remains, static */
@media (prefers-reduced-motion: reduce) {
  .home-bg-gl,
  .home-bg-fx {
    display: none;
  }
  .home-bg-video {
    animation: none;
  }
}