.nav-link{position:relative;color:#374151;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#4f46e5}.nav-link::before{content:"";position:absolute;bottom:-3px;left:0;width:0%;height:2px;background:#000;transition:width .4s ease}.nav-link:hover::before{width:100%}.open .w-6:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.open .w-6:nth-child(2) {opacity:0}.open .w-6:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}.slide-images{animation:slideRightToLeft 20s linear infinite;white-space:nowrap}.slide-content{animation:slideUp 1s ease forwards;opacity:0;transform:translateY(50px)}@keyframes slideRightToLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-60%));
    }
}@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes slideUpFade {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes slideDownFade {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(40px);
    }
}@keyframes flipZoom {
    0% {
        transform: rotateY(0) scale(1);
        opacity: 1;
    }
    50% {
        transform: rotateY(90deg) scale(0.9);
        opacity: 0.6; /* hidden side */
    }
    100% {
        transform: rotateY(0) scale(1);
        opacity: 1;
    }
}.image-flip{animation:flipZoom 1.2s ease forwards}.text-enter{animation:slideUpFade 1.2s ease forwards}.text-exit{animation:slideDownFade 1.2s ease forwards}.image-enter{animation:flipZoom 1.2s ease forwards}.image-exit{opacity:0;transition:opacity 1s ease}