/* ========== ANIMATIONS ========== */
        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(24px);
            }

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

        .fade-in {
            transition: all 0.7s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }


        /* ========== CONTINUOUS MARQUEE ========== */
        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        .media-logos-track {
            display: flex;
            width: max-content;
            animation: marquee 30s linear infinite;
            gap: 60px;
        }

        .media-logos-track:hover {
            animation-play-state: paused;
        }