/* UN moment signature : le titre se révèle ligne à ligne, la photo se dévoile par le bas en se désaturant d'un voile. */
@media (prefers-reduced-motion: no-preference) {
  .hero-photo { animation: devoiler 1300ms var(--ease-sortie) both; }
  .hero-photo img { animation: eclairer 1500ms var(--ease-sortie) both; }
  .hero-texte .ligne > span { animation: reveler 1000ms var(--ease-sortie) both; animation-delay: calc(250ms + var(--i, 0) * 150ms); }
  .hero-texte .chapo, .hero-actions, .hero-meta { animation: fondre 800ms var(--ease-sortie) both; }
  .hero-texte .chapo { animation-delay: 800ms; }
  .hero-actions { animation-delay: 950ms; }
  .hero-meta { animation-delay: 1100ms; }
  @keyframes devoiler { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
  @keyframes eclairer { from { filter: brightness(.5) saturate(.5); transform: scale(1.12); } to { filter: saturate(.82); transform: none; } }
  @keyframes reveler { from { transform: translateY(112%); } to { transform: none; } }
  @keyframes fondre { from { opacity: 0; } to { opacity: 1; } }
}
.faq-liste details div { animation: ouvrir 220ms var(--ease-sortie); }
dialog.visionneuse[open] { animation: ouvrir 240ms var(--ease-sortie); }
@keyframes ouvrir { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: 1ms !important; }
  html { scroll-behavior: auto; }
}
