/* Referenceur — Hero « Voile / aurore » */

/* La section hero existante doit être le conteneur de référence */
.hero-aurora-host {
  position: relative;
  isolation: isolate;
  background: #ffffff;
}

.hero-aurora {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;            /* passe derrière le contenu du hero */
  pointer-events: none;
  display: block;
  opacity: 0;
  transition: opacity 1.2s ease;
  /* fondu doux en bas pour se raccorder au bloc suivant */
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
}
.hero-aurora.is-ready { opacity: 1; }

/* Image de secours si WebGL n'est pas disponible */
.hero-aurora-host.hero-aurora--static {
  background:
    radial-gradient(60% 28% at 30% 78%, rgba(128, 188, 0, 0.10), transparent 70%),
    radial-gradient(70% 30% at 70% 74%, rgba(226, 231, 238, 0.9), transparent 70%),
    #ffffff;
}
.hero-aurora-host.hero-aurora--static .hero-aurora { display: none; }