.df-brand-track { display:flex; width:max-content; animation:df-brands-scroll 50s linear infinite; }
.df-brand-group { display:flex; align-items:center; gap:80px; padding-right:80px; flex-shrink:0; }
.df-brand-logo { display:block; width:200px; height:64px; object-fit:contain; flex-shrink:0; filter:brightness(0) invert(1); opacity:.8; }
.df-brand-logo:hover { opacity:1; }
[data-df-brands]:hover .df-brand-track { animation-play-state:paused; }
@keyframes df-brands-scroll { to { transform:translateX(-50%); } }
@media(max-width:767px) {
  .df-brand-group { gap:40px; padding-right:40px; }
  .df-brand-logo { width:160px; height:52px; }
}
@media(prefers-reduced-motion:reduce) {
  .df-brand-track { animation:none; width:100%; }
  .df-brand-group { flex-wrap:wrap; justify-content:center; padding:0 20px; width:100%; gap:32px; }
  .df-brand-group[aria-hidden="true"] { display:none; }
}