/* DF Logos scroller (home only, ASCII) */
.home .df-logos { position: relative; overflow: hidden; }

.home .df-logos .df-track {
  display: flex;
  align-items: center;
  gap: var(--gap, 18px);
  will-change: transform;
  animation: df-scroll var(--speed, 40s) linear infinite;
}
.home .df-logos:hover .df-track { animation-play-state: paused; }

.home .df-logos .partner-logo {
  display: flex; align-items: center; justify-content: center;
  height: 175px; padding: 6px;
  border: 2px solid #000; border-radius: 6px; background: #fff;
  transition: border-color .2s ease;
  /* exact tile width injected via --tile from JS */
  flex: 0 0 var(--tile, 160px);
}
.home .df-logos .partner-logo:hover { border-color: #00ccff; }

.home .df-logos .partner-logo img {
  max-height: 100%; width: auto; height: auto; display: block;
}

/* seamless scroll */
@keyframes df-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(var(--distance, -50%)); }
}