/* Вариант B · клиенты: компактная лента логотипов (серые → цветные при наведении). */

.trust { padding-block: calc(var(--section-y) * .7); }
.trust__inner { display: grid; gap: var(--sp-6); }
.trust__head { display: grid; gap: var(--sp-2); align-content: center; }
.trust__lead { max-width: 40ch; }

.trust__logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-1) var(--sp-3); }
@media (min-width: 620px) { .trust__logos { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
  .trust__inner { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: var(--sp-10); align-items: center; }
  .trust__logos { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}

.trust__item { display: flex; align-items: center; justify-content: center; height: 64px; padding: var(--sp-2); min-width: 0; }
.trust__logo {
  width: auto; height: auto; max-width: 100%; max-height: 40px; object-fit: contain;
  filter: grayscale(1); opacity: .6; mix-blend-mode: multiply;   /* белые подложки PNG растворяются в фоне */
  transition: filter var(--dur) var(--ease), opacity var(--dur) var(--ease);
}
.trust__item:hover .trust__logo { filter: none; opacity: 1; }