/* IMMOGELA V2.42 — Hero d'accueil à fondu d'images */
.hero[data-hero-slider]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#101715;
}

/* Neutralise l'ancienne image de fond et ses animations. */
.hero[data-hero-slider]::before,
.hero[data-hero-slider]::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

.hero-slides,
.hero-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.hero-slides{
  z-index:-3;
  background:#101715;
}

.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  transition:opacity 1.8s cubic-bezier(.4,0,.2,1);
  will-change:opacity;
}

.hero-slide.is-active{
  opacity:1;
}

/* Le fondu sombre reste géré par le site, sans altérer les images sources. */
.hero-shade{
  z-index:-2;
  background:
    linear-gradient(90deg,
      rgba(7,13,11,.97) 0%,
      rgba(7,13,11,.93) 25%,
      rgba(7,13,11,.72) 42%,
      rgba(7,13,11,.34) 58%,
      rgba(7,13,11,.10) 75%,
      rgba(7,13,11,.03) 100%),
    linear-gradient(180deg,rgba(8,14,12,.16),rgba(8,14,12,.06));
}

.hero[data-hero-slider] .hero-grid,
.hero[data-hero-slider] .hero-copy{
  position:relative;
  z-index:1;
}

@media(max-width:980px){
  .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(7,13,11,.98) 0%,
        rgba(7,13,11,.94) 38%,
        rgba(7,13,11,.66) 66%,
        rgba(7,13,11,.25) 100%),
      linear-gradient(180deg,rgba(8,14,12,.16),rgba(8,14,12,.08));
  }

  .hero-slide{
    background-position:58% center;
  }
}

@media(max-width:650px){
  .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(7,13,11,.98) 0%,
        rgba(7,13,11,.92) 48%,
        rgba(7,13,11,.58) 100%),
      linear-gradient(180deg,rgba(8,14,12,.20),rgba(8,14,12,.10));
  }

  .hero-slide{
    background-position:57% center;
  }
}

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