/* --- Custom Animations (Kept for complex sequences) --- */
@keyframes preloader-fade-in {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes preloader-fade-out {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-30px); }
}
@keyframes screen-fade-out {
    from { opacity: 1; }
    to { opacity: 0; visibility: hidden; }
}
@keyframes text-cycle-1 {
    0%, 37.5% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(50%); opacity: 0; }
    50.01%, 87.5% { transform: translateY(-50%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes text-cycle-2 {
    0%, 37.5% { transform: translateY(-50%); opacity: 0; }
    50% { transform: translateY(0); opacity: 1; }
    50.01%, 87.5% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(50%); opacity: 0; }
}

/* Classes to trigger animations */
.fade-in { animation: preloader-fade-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.fade-out { animation: preloader-fade-out 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards; }
.preloader-hide { animation: screen-fade-out 1s ease-out forwards; }
/* #text1 { animation: text-cycle-1 8s ease-in-out infinite; }
#text2 { animation: text-cycle-2 8s ease-in-out infinite; } */