/* =====================================================
   SCROLL REVEAL
===================================================== */

.reveal {

    opacity: 0;

    transform:
        translateY(30px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.reveal.visible {

    opacity: 1;

    transform:
        translateY(0);
}


/* =====================================================
   STAGGER
===================================================== */

.practice-card:nth-child(2),
.advocate-card:nth-child(2),
.article-card:nth-child(2) {

    transition-delay: 0.1s;
}

.practice-card:nth-child(3),
.advocate-card:nth-child(3),
.article-card:nth-child(3) {

    transition-delay: 0.2s;
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;
    }

    .reveal {

        opacity: 1;

        transform: none;
    }
}