/* ============================================
   Animation Initial States
   CSS sets initial hidden states; GSAP animates to visible.
   Prevents FOUC (flash of unstyled content).
   ============================================ */

.anim-reveal {
    opacity: 0;
    transform: translateY(40px);
}

.anim-reveal-left {
    opacity: 0;
    transform: translateX(-60px);
}

.anim-reveal-right {
    opacity: 0;
    transform: translateX(60px);
}

.anim-scale-in {
    opacity: 0;
    transform: scale(0.95);
}

/* Respect user preferences */
@media (prefers-reduced-motion: reduce) {
    .anim-reveal,
    .anim-reveal-left,
    .anim-reveal-right,
    .anim-scale-in {
        opacity: 1;
        transform: none;
    }

    .hero__scroll-line {
        animation: none;
    }
}