/* Motion Effects - GSAP ScrollTrigger Integration
---------------------------------------- */

[data-motion] {
	will-change: transform, opacity;
	backface-visibility: hidden;
}

@media (max-width: 767.98px) {
	[data-motion="slideInLeft"],
	[data-motion="slideInRight"] {
		max-width: 100%;
	}
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
	[data-motion] {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}
}