/**
 * Scroll-triggered fade-in animations for text elements.
 *
 * @package Harmony
 */

[data-animate-on-scroll] .animate-fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.7s ease-out 0.15s, transform 0.7s ease-out 0.15s;
}

[data-animate-on-scroll].is-visible .animate-fade-in {
	opacity: 1;
	transform: translateY(0);
}