/* ============================
   UTILITIES + ANIMATIONS
   ============================ */

.fade-in {
    animation: fadeIn 0.8s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.slide-up {
    animation: slideUp 0.35s ease forwards;
}

@keyframes slideUp {
    from { opacity: 1; transform: translateY(0); }
    to   { opacity: 0; transform: translateY(-25px); }
}

.slide-in {
    animation: slideIn 0.35s ease forwards;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateY(25px); }
    to   { opacity: 1; transform: translateY(0); }
}