/**
 * Client logos gallery: gray by default, color on hover.
 * Single image + filter:grayscale() — block uses .strateg2026-logos-gallery, .strateg2026-logo, .strateg2026-logo-img
 */
.strateg2026-logos-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.strateg2026-logos-gallery .strateg2026-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 60px;
  min-width: 120px;
  min-height: 60px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  pointer-events: auto;
}
.strateg2026-logos-gallery .strateg2026-logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: filter 0.25s ease;
  pointer-events: none;
}
.strateg2026-logos-gallery .strateg2026-logo:hover .strateg2026-logo-img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}