/* HOW26 Hero Logo — Masked Balloon Animation */

@keyframes how26-balloon-loop {
    0%, 35% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-280px);
    }
    50.0001%, 85% {
        transform: translateY(280px);
    }
    100% {
        transform: translateY(0);
    }
}

.how26-hero-logo .st0 {
    fill: currentColor;
}

.how26-hero-logo .anim-balloon {
    transform-box: view-box;
}

.how26-hero-logo .how26-balloon-1 {
    animation: how26-balloon-loop 8s infinite cubic-bezier(0.25, 1, 0.5, 1);
    animation-play-state: running;
}

.how26-hero-logo .how26-balloon-2 {
    animation: how26-balloon-loop 8s infinite cubic-bezier(0.25, 1, 0.5, 1);
    animation-delay: -4s;
    animation-play-state: running;
}