/* Original brand artwork, presented as a quiet editorial proof section. */
.client-brands{
  background:#f7f9fc;
  border-top:1px solid #e7edf4;
  border-bottom:1px solid #e7edf4;
  padding:clamp(56px,6vw,86px) 0;
}
.client-brands-heading{
  max-width:760px;
  margin:0 auto 30px;
  text-align:center;
}
.client-brands-overline{
  display:block;
  color:#41698e;
  font:800 10px/1.4 var(--sans);
  letter-spacing:.17em;
}
.client-brands-heading h2{
  color:#17304c;
  font-size:clamp(30px,3.4vw,43px);
  line-height:1.17;
  letter-spacing:-.045em;
  margin:12px 0 10px;
}
.client-brands-heading p{
  color:#607086;
  font-size:15px;
  line-height:1.7;
  margin:0;
}
.client-brand-grid{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin:0 auto;
  max-width:1100px;
}
.client-brand-logo{
  width:min(246px,calc((100% - 3*14px)/4));
  aspect-ratio:250 / 143;
  flex:0 0 auto;
  border:1px solid #e2e9f0;
  border-radius:12px;
  background-color:#fff;
  background-image:url('/assets/worked-with-logos.svg');
  background-size:700% 100%;
  background-repeat:no-repeat;
  box-shadow:0 7px 21px rgba(15,37,67,.027);
}
@media(max-width:1100px){
  .client-brand-logo{width:min(246px,calc((100% - 2*14px)/3))}
}
@media(max-width:680px){
  .client-brands{padding:55px 0}
  .client-brands-heading{margin-bottom:22px}
  .client-brand-grid{gap:10px}
  .client-brand-logo{width:calc((100% - 10px)/2);border-radius:9px}
}