/* =========================================
= SOUS-COMPOSANT — VIDÉOS DU HERO (.nl-hero-slider--*)
= Interne à front-page/home-hero/, extrait en 1.2.317.
= Markup : hero-slider.php · JS : hero-slider.js · enqueue : inc-hero-slider.php
=
= Les vidéos sont superposées en absolu, une seule visible (.is-active), et
= croisent en fondu. Le bloc déborde de 10 % en haut et en bas de la section :
= c'est la réserve dans laquelle le parallax le fait glisser.
= ⚠️ Le CADRE vient du hero : .nl-home-hero porte la hauteur d'écran et
=   l'overflow qui rogne ce débord.
========================================= */
.nl-hero-slider {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120%;
  will-change: transform;
}

.nl-hero-slider--video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.nl-hero-slider--video.is-active { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .nl-hero-slider--video { transition: none; }
}