/* Hero de la V1 : le titre au fond, le bandeau de visuels en WebGL devant (bandeau, filets et grille de fin). */
.hero-a.avec-anneau{display:block;text-align:center;height:100svh;min-height:640px}
.hero-a.avec-anneau .centre{position:relative;z-index:1;padding-top:clamp(56px,9vh,110px);will-change:opacity,transform}
.anneau{position:absolute;inset:0;z-index:2;pointer-events:none}
.anneau canvas{display:block;width:100%;height:100%}
/* ouverture : les lignes du titre, le chapô et les boutons partent masqués (opacité .01 et non 0 : invisible, mais compté
   par le navigateur dès le premier affichage pour le LCP), le script d'ouverture les fait monter */
.hero-a.avec-anneau h1 .l{display:inline-block}
.intro .hero-a h1 .l{opacity:.01;transform:translateY(40px);filter:blur(10px)}
.intro .hero-a .chapo,.intro .hero-a .actions{opacity:.01;transform:translateY(20px)}
/* la trame du hero : une petite tache de points blancs, plus légère que celle de la section suivante, sous le titre et le ruban */
.motif-hero{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}