/* ============================================================================
   PAGE : ACCUEIL — Styles spécifiques
   ============================================================================ */

/* ---- Pilier cards (section Nos Piliers) ---- */
.pilier-card .pilier-hidden {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.pilier-card:hover .pilier-hidden {
  max-height: 100px;
}
.pilier-card:hover .pilier-img {
  transform: scale(1.05);
  opacity: 0.4;
}

/* ---- Instagram mockup (section Réseaux) ---- */
.insta-post .insta-overlay {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.insta-post:hover .insta-overlay {
  opacity: 1;
}
.insta-post:hover .insta-img {
  transform: scale(1.05);
}

/* ---- Gouvernance portraits (section Commission Exécutive) ---- */
.gouv-card:hover .gouv-ring {
  border-color: var(--color-gold);
}