/* Loaded in <head> before main.css — hides animated elements until AnimationTriggers wraps them. */
html.js .anim-fade-in:not(:has(> .s-animation-children)),
html.js .anim-fade-in-from-bottom:not(:has(> .s-animation-children)),
html.js .anim-fade-in-from-top:not(:has(> .s-animation-children)) {
    opacity: 0;
    visibility: hidden;
}

html.js .anim-fade-in-from-bottom:not(:has(> .s-animation-children)) {
    transform: translateY(40px);
}

html.js .anim-fade-in-from-top:not(:has(> .s-animation-children)) {
    transform: translateY(-40px);
}

@media (max-width: 991.98px) {
    html.js section.page_topper_banner .anim-fade-in:not(:has(> .s-animation-children)),
    html.js section.page_topper_banner .anim-fade-in-from-bottom:not(:has(> .s-animation-children)),
    html.js section.page_topper_banner .anim-fade-in-from-top:not(:has(> .s-animation-children)) {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}
