/* Hero h1 character reveal (replaces GSAP text-anime-style-3) */
.hero1-header h1.text-anime-style-3 {
    perspective: 400px;
}

.hero1-header h1.text-anime-style-3 .hero-char {
    display: inline-block;
    opacity: 0;
    transform: translate3d(50px, 0, 0);
    animation: heroCharReveal 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    will-change: transform, opacity;
}

@keyframes heroCharReveal {
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero1-header h1.text-anime-style-3 .hero-char {
        animation: none;
        opacity: 1;
        transform: none;
    }
}