/**
 * Utilidades de motion transversales. El detalle de cada reveal vive junto a su
 * componente (sections.css, header.css); aquí solo lo compartido entre todos.
 */

.zihouse-stagger > * {
	transition-delay: calc(var(--zihouse-stagger-index, 0) * 70ms);
}

.zihouse-parallax {
	will-change: transform;
	transform: translateY(calc(var(--zihouse-parallax-y, 0px)));
}

@media (prefers-reduced-motion: reduce) {
	html:not(.zihouse-motion-full) .zihouse-parallax {
		transform: none !important;
	}

	html:not(.zihouse-motion-full) *,
	html:not(.zihouse-motion-full) *::before,
	html:not(.zihouse-motion-full) *::after {
		/* solo animaciones CSS automáticas; los efectos de scroll los mueve GSAP */
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

.zihouse-motion-off .zihouse-parallax {
	transform: none !important;
}