/* =====================================
   ОБЩАЯ АНИМАЦИЯ
   ===================================== */

.site-reveal {
    opacity: 0 !important;

    transition:
            opacity 0.9s ease var(--reveal-delay, 0ms),
            transform 0.9s cubic-bezier(0.16, 1, 0.3, 1) var(--reveal-delay, 0ms),
            filter 0.9s ease var(--reveal-delay, 0ms) !important;

    will-change: opacity, transform, filter;
}


/* снизу */
.site-reveal.reveal-up {
    transform:
            translateY(60px)
            scale(0.97) !important;

    filter: blur(4px);
}


/* слева */
.site-reveal.reveal-left {
    transform:
            translateX(-70px)
            scale(0.97) !important;

    filter: blur(4px);
}


/* справа */
.site-reveal.reveal-right {
    transform:
            translateX(70px)
            scale(0.97) !important;

    filter: blur(4px);
}


/* увеличение */
.site-reveal.reveal-scale {
    transform:
            scale(0.88) !important;

    filter: blur(5px);
}


/* плитка / лёгкий поворот */
.site-reveal.reveal-rotate {
    transform:
            translateY(40px)
            rotate(3deg)
            scale(0.94) !important;

    filter: blur(4px);
}


/* =====================================
   ПОЯВИЛСЯ НА ЭКРАНЕ
   ===================================== */

.site-reveal.site-reveal-visible {
    opacity: 1 !important;

    transform:
            translateX(0)
            translateY(0)
            rotate(0)
            scale(1) !important;

    filter: blur(0) !important;
}
.site-reveal.site-reveal-visible:hover {
    transform:
            translateX(0)
            translateY(-6px)
            rotate(0)
            scale(1.03) !important;

    transition:
            opacity 0.9s ease,
            transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.9s ease,
            box-shadow 0.35s ease !important;

    box-shadow:
            /*0 16px 35px rgba(0, 0, 0, 0.08);*/
            0 16px 35px rgba(0, 0, 0, 0.0);
}