/* ========================================================================
   FOND VIDÉO AMBIANT — ON FACTORY
   Vidéo en boucle, floutée + voile sombre, derrière tout le contenu.
   Actif seulement quand body.has-video-bg est posé par video-bg.js
   (jamais si "réduire les animations" ou connexion "économie de données").
   ======================================================================== */
html { background: var(--bg); } /* couleur de repli derrière la vidéo */

.site-bg {
  position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none;
  background: var(--bg);
}
.site-bg video, .site-bg img {
  position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;
  transform: translate(-50%, -50%) scale(1.15);
  object-fit: cover;
  filter: blur(2px) brightness(.62) saturate(1.15);
}
.site-bg::after { /* voile sombre léger : garde le texte lisible sans masquer la vidéo */
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(135% 100% at 50% 0%, rgba(10,14,20,.28), rgba(5,8,12,.6));
}

body.has-video-bg { background: transparent !important; } /* surclasse le fond !important de depth.css */
/* Sections au fond opaque -> translucides pour laisser respirer la vidéo */
body.has-video-bg .marquee { background-color: rgba(15,20,28,.5); }
body.has-video-bg .about { background-color: rgba(15,20,28,.55); }