/* Logos clients (écrit à la main, non généré).
   Au repos, les logos sont ramenés à la couleur encre du site : la rangée reste
   homogène quelles que soient les chartes. Au survol, chaque vignette reprend la
   couleur de fond et les couleurs d'origine du client. */
.client {
  position: relative; height: 52px; border-radius: 12px; overflow: hidden;
  border: 1px solid #E1DED9; background: #F3F2EF;
  display: grid; place-items: center;
  transition: background-color .45s cubic-bezier(.2, .7, .2, 1), border-color .45s cubic-bezier(.2, .7, .2, 1);
}
.client img { grid-area: 1 / 1; width: auto; max-width: 78%; object-fit: contain; display: block; transition: opacity .4s ease; }
.client-mono { opacity: .72; }
.client-color { opacity: 0; }
.client:hover { background: var(--brand); border-color: var(--brand); }
.client:hover .client-mono { opacity: 0; }
.client:hover .client-color { opacity: 1; }

@media (prefers-reduced-motion: no-preference) {
  .client img { transition: opacity .4s ease, scale .5s cubic-bezier(.2, .8, .2, 1); }
  .client-color { scale: .94; }
  .client:hover .client-color { scale: 1; }
}