/* .reveal {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(4px);
    transition:
        opacity 0.2s ease-out,
        transform 0.2s ease-out,
        filter 0.2s ease-out;
}


.reveal--visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
} */

@keyframes fade-up-soft {
    from {
        transform: translateY(6px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Лёгкий reveal без blur и без JS */
.reveal {
    animation: fade-up-soft 0.4s ease-out;
}