/* =========================================================
   AMAR BANGLA ULTRA TECH
   ANIMATIONS
========================================================= */


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

.reveal {

    opacity: 0;

    transform: translateY(30px);

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


.reveal.revealed {

    opacity: 1;

    transform: translateY(0);
}


/* =========================================================
   HERO
========================================================= */

.hero-text {

    animation:
        heroTextReveal 1s ease forwards;
}


@keyframes heroTextReveal {

    from {

        opacity: 0;

        transform: translateY(35px);
    }

    to {

        opacity: 1;

        transform: translateY(0);
    }
}


/* =========================================================
   HERO SPEC
========================================================= */

.hero-specs {

    animation:
        heroSpecsReveal 1s ease 0.35s forwards;

    opacity: 0;
}


@keyframes heroSpecsReveal {

    from {

        opacity: 0;

        transform: translateY(20px);
    }

    to {

        opacity: 1;

        transform: translateY(0);
    }
}


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

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

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

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;

        scroll-behavior: auto !important;
    }

}