.blur-word {
    display: inline-block;
    opacity: 0;
    filter: blur(5px);
    transform: translateY(10px);
    transition: all 0.8s ease-out;
    will-change: opacity, filter, transform;
    margin-right: 0.25em;
    /* Space between words */
}

.blur-word-active {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

/* Ensure the container doesn't clip the initial transform if overflow is hidden */
.animate-title {
    overflow: visible;
}