@charset "utf-8";

/* Animation Base */
.jc-anim-resetting {
    transition: none !important;
}

.jc-anim-no-motion {
    transition: none !important;
}

[data-anim] {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
    transition: opacity 0.9s ease, transform 0.9s ease;
    will-change: opacity, transform;
}

[data-anim].is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* Cards matching hwt-grid (mobile default) */
[data-anim-cards] > *,
[data-anim-card] {
    opacity: 0;
    transform: translate3d(0, 80px, 0);
    transition: opacity 0.4s ease-out, transform 1.0s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

[data-anim-card="down"] {
    transform: translate3d(0, -80px, 0);
}

[data-anim-cards] > *.is-visible,
[data-anim-card].is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media (min-width: 1025px) {
    /* Cards matching hwt-grid (desktop) */
    [data-anim-cards] > *,
    [data-anim-card] {
        transform: translate3d(0, 150px, 0);
        transition: opacity 0.9s ease, transform 0.9s ease;
    }
    [data-anim-card="down"] {
        transform: translate3d(0, -150px, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-anim], [data-anim-cards] > *, [data-anim-card] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}