/* Text Animation Styles */
.title {
    opacity: 0; /* Hidden initially, JS sets to 1 */
    transition: opacity 0.3s ease;
}

.anim-char {
    display: inline-block;
    opacity: 0;
    /* Animation definition */
    animation: char-reveal 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    /* Use CSS variable for delay */
    animation-delay: var(--delay);
    /* Initial state logic is handled by keyframes from 0% */
}

@keyframes char-reveal {
    0% {
        opacity: 0;
        transform: translate(var(--x), var(--y));
        filter: blur(4px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
        filter: blur(0);
    }
}