/* Styles des apparitions (commun/reveler.js). Sans la classe .anime, tout est visible. */
/* Le cache du mot deborde en haut ET en bas : sans la marge du haut, les accents des capitales
   (É, À) sont rognes sur les titres a interligne serre (vu le 12/09 : « DÉPEND » lu « DEPEND »). */
.titre-anime .mot { display: inline-block; overflow: clip; vertical-align: top; padding-block: 0.22em 0.1em; margin-block: -0.22em -0.1em; }
.titre-anime .mot > span { display: inline-block; }
.anime .titre-anime .mot > span {
  transform: translateY(105%);
  transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: calc(var(--i, 0) * 45ms);
}
.anime .titre-anime.vu .mot > span { transform: none; }

.anime [data-rev] {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: calc(var(--i, 0) * 80ms);
}
.anime [data-rev="haut"] { transform: translateY(28px); }
.anime [data-rev="gauche"] { transform: translateX(-28px); }
.anime [data-rev="trait"] { opacity: 1; transform: scaleX(0.14); transform-origin: left; transition-duration: 1.4s; }
.anime [data-rev].vu { opacity: 1; transform: none; }