/*!
 * fx/morphing-media.css — filet CSS de fx/morphing-media.js
 *
 * Le module fait TOUT en style inline : il pose un `filter` au moment où
 * l'apparition démarre, il le retire à la fin. Cette feuille ne dessine donc
 * rien — elle ne contient que des garanties, pour les cas où le JavaScript
 * ne serait pas là pour les tenir. Elle est facultative : le module est
 * complet sans elle.
 *
 * Chargement : APRÈS style.css / category.css, comme morphing-text.css.
 *
 * Les deux règles ci-dessous ne visent QUE `[data-mmx-reveal="running"]`,
 * c'est-à-dire un média pris en pleine apparition. Elles écrasent alors le
 * filtre CSS du site sur ce média (les logos du ticker portent
 * `brightness(0) invert(1)`) pendant l'instant où elles s'appliquent : c'est
 * assumé, un média net à sa couleur d'origine vaut mieux qu'un média resté
 * flou. Un média terminé (`done`) ne porte plus rien et n'est pas touché.
 */

/* 1. MOUVEMENT RÉDUIT. Le module s'abstient déjà entièrement quand
   `prefers-reduced-motion: reduce` est actif (aucun style posé). Ceci est le
   second verrou : un média armé AVANT que le réglage ne change redevient net
   tout de suite, sans attendre la fin de sa course. */
@media (prefers-reduced-motion: reduce) {
  [data-mmx-reveal="running"] {
    filter: none !important;
    will-change: auto !important;
  }
}

/* 2. IMPRESSION : pas de flou sur papier. */
@media print {
  [data-mmx-reveal="running"] {
    filter: none !important;
  }
}

/* 3. Repos : plus aucune promesse de composition au navigateur une fois
   l'apparition terminée. */
[data-mmx-reveal="done"] { will-change: auto; }