/* ============================================
   ANIMATIONS GSAP - Styles de visibilité et will-change
   ============================================ */

/* ============================================
   VISIBILITÉ INITIALE (Masquage avant GSAP)
   ============================================ */

/* Base : masquer les éléments animés avant que GSAP ne les révèle */
html.w-mod-js:not(.w-mod-ix3) :is(
  .anim-text-1,
  .img-anim--opacite,
  .anim-header-load,
  .anim-text-1-sticky,
  [background],
  [trait],
  [opacite],
  [anim-load-1s]
) {
  visibility: hidden !important;
}

/* Exception : anim-header-load visible immédiatement pour hero title */
html.w-mod-js:not(.w-mod-ix3) .anim-header-load {
  visibility: visible !important;
}

/* ============================================
   VARIANTES PAR PAGE
   ============================================ */

/* index.html - Ajout marquee */
html.w-mod-js:not(.w-mod-ix3) :is(
  .anim-text-1,
  .img-anim--opacite,
  .anim-header-load,
  .anim-text-1-sticky,
  .marquue-div,
  .marquee-content
) {
  visibility: hidden !important;
}

/* carriere.html - Ajout span-groupe et autres */
html.w-mod-js:not(.w-mod-ix3) :is(
  .anim-text-1,
  .img-anim--opacite,
  .anim-header-load,
  .anim-text-1-sticky,
  .span-groupe,
  [data-wf-target*='["692ebb40e242aadb672c0dec","fd230128-75cd-f7c8-b3c2-b95bffdea8e0"]'],
  .span-groupe-scale,
  .texte-groupe-header,
  .anim-col-1,
  .d-raison-col.anim-col-2,
  .anim-col-3,
  .d-raison-col.anim-col-4,
  .des-visages-card
) {
  visibility: hidden !important;
}

/* ============================================
   DIAPORAMA SYNCHRONISÉ AU SCROLL
   ============================================ */
.le-groupte-img-alternate-content {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}

.slide-img:first-child {
  position: relative;
}