/**
 * GSAP Animations for WordPress — Styles
 *
 * Initial states are handled by GSAP via gsap.set() in JS.
 * This prevents conflicts where CSS and GSAP fight over the same properties.
 * If JS fails to load, elements remain fully visible (progressive enhancement).
 */

/* GPU acceleration hint for animated elements */
.gsap-fade-in,
.gsap-fade-up,
.gsap-fade-down,
.gsap-fade-left,
.gsap-fade-right,
.gsap-zoom-in,
.gsap-zoom-out,
.gsap-slide-up,
.gsap-slide-down,
.gsap-slide-left,
.gsap-slide-right,
.gsap-rotate-in,
.gsap-rotate-in-left,
.gsap-rotate-in-right,
.gsap-flip-up,
.gsap-flip-left,
.gsap-blur-in {
	will-change: opacity, transform;
}

/* Perspective for 3D transforms (flip animations) */
.gsap-flip-up,
.gsap-flip-left {
	perspective: 800px;
	transform-style: preserve-3d;
}