/* ===================== geralcss/animation.css ===================== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

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

.reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: .6s ease
}

.reveal.in {
    opacity: 1;
    transform: none
}

.hero .title {
    animation: fadeDown 1.1s ease both
}

.hero .subtitle,
.cta {
    animation: fadeInUp .9s ease .15s both
}