.logo-marquee {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        /* Gradient veil */
        .logo-marquee::before,
        .logo-marquee::after {
            content: "";
            position: absolute;
            top: 0;
            width: 10%;
            height: 100%;
            z-index: 2;
            pointer-events: none;
        }

        .logo-marquee::before {
            left: 0;
            background: linear-gradient(to right, #F6F2E8 0%, transparent 100%);
        }

        .logo-marquee::after {
            right: 0;
            background: linear-gradient(to left, #F6F2E8 0%, transparent 100%);
        }

        .marquee-track {
            display: flex;
            align-items: center;
            width: max-content;
            animation: scroll 35s linear infinite;
        }

        /* Logos */
        .marquee-track img {
            flex: 0 0 auto;
            width: calc(100vw / 4.5);
            max-width: 150px;
            padding: 0 2rem;
            opacity: 0.85;
            transition: opacity 0.3s ease;
        }

        .marquee-track img:hover {
            opacity: 1;
        }

        /* Mobile: 2.5 logos */
        @media (max-width: 768px) {
            .marquee-track img {
                width: calc(100vw / 2.5);
                padding: 0 1.25rem;
            }
        }

        /* Animation */
        @keyframes scroll {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-50%);
            }
        }