/* ⚠️ Le mot est un bloc insecable. Sans lui, chaque caractere etant un
   inline-block, la ligne pouvait se couper au milieu d'un mot
   (« to / ut dedans », « revienn / ent »). */
.split-word {
    display: inline-block;
    white-space: nowrap;
}

.split-char {
    display: inline-block;
    opacity: 0;
    transform: translateY(40px);
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    will-change: opacity, transform;
}

.split-in-view .split-char {
    opacity: 1;
    transform: translateY(0);
}

/* Remise a zero quand le titre quitte l'ecran, pour que l'animation rejoue au
   passage suivant. Instantanee : une sortie en fondu inverse ferait remonter
   les caracteres en cascade sous les yeux du visiteur. */
.split-reset .split-char {
    transition: none;
}