/* ============================================================
   Académie Stratégie Dirigeants — signature « La Voie de Progression »
   Additif et réversible : aucun style existant modifié.
   Un parcours ascendant se trace, des jalons s'illuminent en séquence,
   des strates de savoir dérivent lentement (canvas js/academie-anim.js).
   ============================================================ */

.acad-hero { position: relative; overflow: hidden; }

.acad-canvas {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  z-index: 1; pointer-events: none;
}

/* Voile global léger : profondeur, sans éteindre le mouvement */
.acad-scrim {
  position: absolute; inset: 0;
  z-index: 1; pointer-events: none;
}
.acad-scrim--dark {
  background: linear-gradient(90deg, rgba(61,42,26,.30) 0%, rgba(61,42,26,.16) 52%, rgba(61,42,26,.02) 100%);
}
.acad-scrim--dark.acad-scrim--center {
  background: radial-gradient(ellipse 78% 70% at 50% 40%, rgba(61,42,26,.28) 0%, rgba(61,42,26,.12) 58%, rgba(61,42,26,0) 100%);
}
.acad-scrim--light {
  background: linear-gradient(90deg, rgba(248,238,210,.38) 0%, rgba(248,238,210,.22) 52%, rgba(248,238,210,.02) 100%);
}

/* Bouclier de lisibilité : halo doux positionné derrière le H1 (js) */
.acad-shield {
  position: absolute; z-index: 1; pointer-events: none;
  filter: blur(30px); border-radius: 60px;
}
.acad-shield--dark  { background: rgba(61,42,26,.72); }
.acad-shield--light { background: rgba(248,238,210,.82); }

/* Le contenu passe au-dessus des couches animées */
.acad-hero > .container,
.acad-hero .hero-content { position: relative; z-index: 2; }

/* Respiration basse des bandeaux internes : piste pour le parcours animé */
.page-hero.acad-hero { padding-bottom: 3.6rem; }
@media (max-width: 700px) {
  .page-hero.acad-hero { padding-bottom: 4.4rem; }
}

/* Révélation au scroll (sections) */
.acad-rv {
  opacity: 0; transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}
.acad-rv.acad-on { opacity: 1; transform: none; }

/* Micro-vie : cartes et boutons répondent au survol */
.acad-hero .btn { transition: transform .25s ease, box-shadow .25s ease; }
.acad-hero .btn:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.18); }

@media (prefers-reduced-motion: reduce) {
  .acad-rv { opacity: 1 !important; transform: none !important; transition: none !important; }
  .acad-hero .btn { transition: none !important; }
}

/* ═══ EFFETS HORS HÉROS (14/07) : cards de contenu vivantes + CTA réactifs ═══ */
.formation-card, .card, .parcours-card, [class*="-card"] {
  transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease, border-color .28s ease;
}
section:not(.acad-hero):not(.page-hero) .formation-card:hover,
section:not(.acad-hero):not(.page-hero) .card:hover,
section:not(.acad-hero):not(.page-hero) [class*="-card"]:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 38px rgba(61,42,26,.20);
  border-color: rgba(196,134,42,.55);
}
/* CTA / boutons de contenu (pas seulement le héros) réactifs */
.section .btn:hover, .cta-band .btn:hover, .bg-cream .btn:hover {
  transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
/* reveal contenu un peu plus présent + léger stagger */
.acad-rv { transform: translateY(22px); }
section .acad-rv:nth-child(2){transition-delay:.07s}
section .acad-rv:nth-child(3){transition-delay:.14s}
section .acad-rv:nth-child(4){transition-delay:.20s}
@media (prefers-reduced-motion: reduce){
  .formation-card,.card,[class*="-card"]{transition:none!important}
  section .acad-rv{transition-delay:0!important}
}