/* Reveal (assets/js/reveal.js): [data-fyo-reveal] rises in the first time it scrolls into view;
   ="fade" only fades, ="pop" grows from 60%. --fyo-reveal-i staggers siblings by 70ms each.
   Reveal animates the individual translate and scale properties, so an element's own transform
   (often a centring translate) is left alone: centre with transform, not translate. */
.fyo-reveal-ready [data-fyo-reveal] {
	transition:
		opacity var(--wp--custom--duration--slow) var(--wp--custom--easing--standard),
		translate var(--wp--custom--duration--slow) cubic-bezier(0.2, 0.7, 0.2, 1),
		scale var(--wp--custom--duration--slow) cubic-bezier(0.3, 1.4, 0.5, 1);
	transition-delay: calc(var(--fyo-reveal-i, 0) * 70ms);
}

.fyo-reveal-ready [data-fyo-reveal]:not(.is-revealed) {
	opacity: 0;
}

.fyo-reveal-ready :is([data-fyo-reveal=""], [data-fyo-reveal="rise"]):not(.is-revealed) {
	translate: 0 1.5rem;
}

.fyo-reveal-ready [data-fyo-reveal="pop"]:not(.is-revealed) {
	scale: 0.6;
}