.clients{
  position:relative;
  overflow:hidden;
  background:#071c2e;
  color:#fff;
}
.clients:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/client-logo-board.png') center/cover;
  opacity:.18;
  filter:blur(8px) saturate(1.2);
  transform:scale(1.04);
}
.clients:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,28,46,.72),rgba(7,28,46,.93));
}
.clients .container{position:relative;z-index:1}
.client-title{text-align:left;display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}
.client-title .eyebrow{grid-column:1;margin-bottom:18px;color:#ff766e}
.client-title h2{font-size:clamp(45px,4vw,68px);line-height:1;margin:0}
.client-title small{justify-self:end;color:rgba(255,255,255,.62);font-size:14px}
.client-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.client-logo{
  aspect-ratio:1.97/1;
  background:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 38px rgba(0,0,0,.16);
  transition:transform .3s ease,box-shadow .3s ease;
  overflow:hidden;
}
.client-logo img{display:block;width:100%;height:100%;object-fit:cover}
.client-logo:hover{transform:translateY(-5px);box-shadow:0 24px 45px rgba(0,0,0,.28)}
.client-disclaimer{margin:24px 0 0;color:rgba(255,255,255,.45);font-size:12px;letter-spacing:.02em}
@media(max-width:980px){.client-logo-grid{grid-template-columns:repeat(3,1fr)}.client-title{grid-template-columns:1fr;gap:12px}.client-title small{justify-self:start}.client-logo-grid .client-logo:last-child{display:none}}
@media(max-width:620px){.client-logo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.client-logo-grid .client-logo:last-child{display:block}.clients{padding-top:90px;padding-bottom:90px}.client-title{margin-bottom:38px}}