/* À charger uniquement sur la page d'accueil, après styles-v11.css. */
/* Variante A : prolongement des couleurs mesurées sur les bords du PNG.
   Le fond couvre toute la section, sans changer la taille ni la position du schéma. */
body[data-page="accueil"] .home-v112-approach-section {
  background: linear-gradient(90deg,
    #001D3F 0%, #001D3F 17%,
    #001F42 34%, #00244F 50%,
    #002653 66%, #002652 83%, #002652 100%);
  background-color: #001D3F; /* couleur sous le dégradé, invisible : garde les textes en ivoire */
}

.home-v112-approach-figure[data-convergence-animation] {
  position: relative;
}
.home-v112-approach-figure[data-convergence-animation] > img {
  display: block;
  width: 100%;
  height: auto;
}
.home-v112-approach-figure[data-convergence-animation] > svg.convergence-motion {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.convergence-motion .convergence-spark,
.convergence-motion .convergence-halo {
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .convergence-motion .convergence-spark,
  .convergence-motion .convergence-halo { display: none; }
}