.client-logos { padding: 40px 0; text-align: center; overflow: hidden; }
.cl-lbl { font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; opacity: 0.4; margin-bottom: 24px; }
.logo-scroll { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 32px; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.logo-scroll img { max-height: 36px; max-width: 140px; width: auto; height: auto; object-fit: contain; opacity: 0.55; transition: opacity 0.3s; filter: grayscale(100%); }
.logo-scroll img:hover { opacity: 1; filter: grayscale(0%); }

/* Equalize all logo sizes across logo-bar sections */
.logo-bar img,
.logo-bar .logo-img {
  max-height: 36px;
  max-width: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
}