/**
 * GSAP Animations Styles
 * 
 * Base styles for GSAP class-based animations.
 * Note: GSAP handles the initial opacity (0) via JavaScript.
 * These styles ensure proper rendering during animations.
 */

/* 
 * Ensure elements are visible - GSAP controls opacity via JS.
 * This prevents conflicts if other CSS accidentally hides these elements.
 */
.gsap-slide-up,
.gsap-fade-in,
.gsap-slide-left,
.gsap-slide-right {
    visibility: visible;
}

/* Split text elements */
.gsap-char,
.gsap-word,
.gsap-line {
    display: inline-block;
    will-change: transform, opacity;
}

/* Ensure proper spacing for split words */
.gsap-word {
    white-space: nowrap;
}

/* Performance optimization for animated elements */
[class*="gsap-"] {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}