.blur-fade,
.fade-up,
.slide-up {
    opacity: 0;
    transform: translateY(16px) scale(0.99);
    transition:
        opacity 0.5s cubic-bezier(.2, .8, .2, 1),
        transform 0.5s cubic-bezier(.2, .8, .2, 1);
    transition-delay: var(--reveal-delay, 0s);
}

.blur-fade {
    filter: blur(6px);
    transition:
        opacity 0.5s cubic-bezier(.2, .8, .2, 1),
        transform 0.5s cubic-bezier(.2, .8, .2, 1),
        filter 0.5s cubic-bezier(.2, .8, .2, 1);
}

.blur-fade.visible,
.fade-up.visible,
.slide-up.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

.stagger > * {
    --reveal-delay: 0s;
}

.stagger > *:nth-child(1) { --reveal-delay: 0.03s; }
.stagger > *:nth-child(2) { --reveal-delay: 0.08s; }
.stagger > *:nth-child(3) { --reveal-delay: 0.13s; }
.stagger > *:nth-child(4) { --reveal-delay: 0.18s; }
.stagger > *:nth-child(5) { --reveal-delay: 0.23s; }
.stagger > *:nth-child(6) { --reveal-delay: 0.28s; }

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .blur-fade,
    .fade-up,
    .slide-up {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}