/* ─── BRANDS MARQUEE ─── */
.brands-section { background: var(--white); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 18px 0; overflow: hidden; }
.brands-section .brands-label { text-align: center; font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 700; color: #212121; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px; }
.marquee-track { overflow: hidden; position: relative; }
.marquee-track::before,
.marquee-track::after { content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none; }
.marquee-track::before { left: 0; background: linear-gradient(to right, #fff, transparent); }
.marquee-track::after { right: 0; background: linear-gradient(to left, #fff, transparent); }
.marquee-inner { display: flex; gap: 0; animation: marquee 28s linear infinite; width: max-content; }
.marquee-inner:hover { animation-play-state: paused; }
.brand-item { display: flex; align-items: center; gap: 10px; padding: 8px 32px; border-right: 1px solid var(--border); white-space: nowrap; flex-shrink: 0; }
.brand-logo { font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 700; color: var(--mid); letter-spacing: 0.04em; transition: color 0.2s; }
.brand-item:hover .brand-logo { color: var(--blue); }
.brand-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--border); flex-shrink: 0; }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }