/* =========================================================
   MLT ANIM — apparitions au scroll (home3). Dépend de mlt-tokens.
   Rien n'est masqué sans la classe mlt-anim-on (posée par mlt-anim.js,
   jamais avec « réduire les animations »).
   ========================================================= */

.mlt-anim-on [data-mlt-reveal] {
	opacity: 0;
	transform: translate3d(0, 32px, 0);
	transition: opacity var(--mlt-duration-reveal) var(--mlt-ease),
		transform var(--mlt-duration-reveal) var(--mlt-ease);
	transition-delay: calc(var(--mlt-i, 0) * 90ms);
}

.mlt-anim-on [data-mlt-reveal="zoom"] {
	transform: scale(0.94);
}

.mlt-anim-on [data-mlt-reveal="gauche"] {
	transform: translate3d(-40px, 0, 0);
}

.mlt-anim-on [data-mlt-reveal].is-visible {
	opacity: 1;
	transform: none;
}

/* Une fois apparu, le délai de cascade ne doit plus retarder les survols */
.mlt-anim-on [data-mlt-reveal].is-visible:hover {
	transition-delay: 0s;
}