/* =====================================================
   CrestBridge Services
   Animation Styles
===================================================== */


/* =====================================================
   Reveal Animation
===================================================== */

.reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .65s ease, transform .65s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

.reveal-delay-1{
    transition-delay:.08s;
}

.reveal-delay-2{
    transition-delay:.16s;
}

.reveal-delay-3{
    transition-delay:.24s;
}


/* =====================================================
   Hero Entrance
===================================================== */

.hero-content{
    animation:heroContentIn .75s ease forwards;
}

.hero-image{
    animation:heroImageIn .85s ease forwards;
}

@keyframes heroContentIn{
    from{
        opacity:0;
        transform:translateY(18px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes heroImageIn{
    from{
        opacity:0;
        transform:translateX(24px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}


/* =====================================================
   Reduced Motion
===================================================== */

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

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
    }

}