/*
 * Valor Maintenance — Scroll Reveal Animations
 * Classes are applied by assets/js/vm-animations.js (progressive enhancement:
 * without JS nothing is hidden). Variants mirror the CaliFix reference site:
 * fade-up for text, rotateY flip for service cells, slide-in for side panels.
 */

.vm-anim {
	opacity: 0;
	transition: opacity 0.6s ease, transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
}

.vm-anim--up {
	transform: translateY(28px);
}

.vm-anim--left {
	transform: translateX(-44px);
}

.vm-anim--right {
	transform: translateX(44px);
}

.vm-anim--flip {
	transform: perspective(900px) rotateY(-90deg);
	transition-duration: 0.6s, 0.7s;
}

.vm-anim.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.vm-anim {
		opacity: 1;
		transform: none;
		transition: none;
	}
}