.jd-animated-heading {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 8px; /* Natural space between static and dynamic text */
    margin: 0;
}

/* The overflow-hidden clipping mask for the animations */
.jd-ah-wrapper {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    vertical-align: bottom;
    align-items: center; 
    line-height: inherit;
}

/* Base word styling before it triggers */
.jd-ah-word {
    display: inline-block;
    white-space: nowrap;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
}

/* === SLIDE UP (Reveal from Bottom) === */
.jd-animated-heading[data-animation="slide-up"] .jd-ah-word {
    transform: translateY(100%);
}
.jd-animated-heading[data-animation="slide-up"] .jd-ah-word.is-active {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.6s ease;
}
.jd-animated-heading[data-animation="slide-up"] .jd-ah-word.is-exiting {
    opacity: 0;
    transform: translateY(-100%); /* Goes OUT the top */
    transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.6s ease;
}

/* === SLIDE DOWN (Reveal from Top) === */
.jd-animated-heading[data-animation="slide-down"] .jd-ah-word {
    transform: translateY(-100%);
}
.jd-animated-heading[data-animation="slide-down"] .jd-ah-word.is-active {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s ease;
}
.jd-animated-heading[data-animation="slide-down"] .jd-ah-word.is-exiting {
    opacity: 0;
    transform: translateY(100%); /* Goes OUT the bottom */
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s ease;
}

/* Editor Override */
.elementor-editor-active .jd-ah-word {
    /* Prevent infinite snapping/jumping while actively editing */
    transition: none !important;
}