/**
 * Wigo Starter — scroll reveal animations.
 *
 * Driven by Theme Settings → Animations.
 * Uses transform + opacity only (no layout thrashing).
 */

:root {
	--wigo-animation-duration: 500ms;
	--wigo-animation-distance: 30px;
}

.wigo-animate {
	opacity: 0;
	transition:
		opacity var(--wigo-animation-duration) ease,
		transform var(--wigo-animation-duration) ease;
	will-change: opacity, transform;
}

.wigo-animate--fade {
	transform: none;
}

.wigo-animate--fade-up {
	transform: translate3d(0, var(--wigo-animation-distance), 0);
}

.wigo-animate--fade-left {
	transform: translate3d(calc(var(--wigo-animation-distance) * -1), 0, 0);
}

.wigo-animate--zoom {
	transform: scale(0.96);
}

.wigo-animate.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.wigo-animate,
	.wigo-animate.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
		will-change: auto;
	}
}