/*
--------------------------------------
H2 Animation - Letter stagger effect
For Elementor h2 headings
--------------------------------------
*/

/* Character mask - acts as overflow container */
.h2-animate .h2-word-mask {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

/* Individual character */
.h2-animate .h2-char {
    display: inline-block;
    vertical-align: bottom;
}

/* Ensure proper inline-block behavior for animated h2 */
h2.elementor-heading-title.h2-animate {
    opacity: 1;
}

/* Animation complete state (optional styling) */
.h2-animate--complete .h2-word-mask {
    overflow: visible;
}