/* ==========================================================================
   HOMEPAGE MOTION
   ========================================================================== */

   .motion-reveal {

    opacity: 0;

    transform: translateY(14px);

    transition:

        opacity .55s ease,

        transform .65s cubic-bezier(.22,.61,.36,1);

    will-change: opacity, transform;

}


.motion-reveal.is-visible {

    opacity: 1;

    transform: translateY(0);

}


.homepage-hero .hero-content {

    transition-delay: 0ms;

}

.homepage-hero .hero-visual {

    transition-delay: 120ms;

}

.homepage-hero .hero-navigation {

    transition-delay: 220ms;

}


.card {

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease,

        opacity .5s ease;

}


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

    .motion-reveal {

        opacity: 1;

        transform: none;

        transition: none;

    }

}