/**
 * Homepage scroll reveal — fade up from bottom.
 */

.madira-reveal {
	opacity: 0;
	transform: translateY(var(--madira-reveal-distance, 24px));
	transition:
		opacity var(--madira-reveal-duration, 0.55s) ease,
		transform var(--madira-reveal-duration, 0.55s) ease;
	will-change: opacity, transform;
}

.madira-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.madira-reveal--delay-1 {
	transition-delay: 0.08s;
}

.madira-reveal--delay-2 {
	transition-delay: 0.16s;
}

.madira-reveal--delay-3 {
	transition-delay: 0.24s;
}

.madira-reveal--delay-4 {
	transition-delay: 0.32s;
}

.madira-reveal--delay-5 {
	transition-delay: 0.4s;
}

@media (prefers-reduced-motion: reduce) {
	.madira-reveal {
		opacity: 1;
		transform: none;
		transition: none;
		will-change: auto;
	}
}