/* ==========================================================
   ANIMATIONS
========================================================== */

.reveal{
    opacity:0;
    transform:translateY(34px);
    transition:
        opacity .9s var(--ease),
        transform .9s var(--ease);
}

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

.delay-1{
    transition-delay:.14s;
}

.delay-2{
    transition-delay:.28s;
}

.delay-3{
    transition-delay:.42s;
}

@keyframes floatSoft{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }
}

@keyframes pulseGlow{
    0%,100%{
        filter:drop-shadow(0 0 18px rgba(214,166,75,.25));
    }

    50%{
        filter:drop-shadow(0 0 38px rgba(214,166,75,.55));
    }
}

.hero-panel{
    animation:floatSoft 5.5s ease-in-out infinite;
}

.nav-brand img,
.footer img{
    animation:pulseGlow 3.6s ease-in-out infinite;
}