/* Client logo wall — Kuselia */
.client-logo-grid .client-logo-card{
  position:relative;
  min-height:132px;
  padding:24px 20px;
  overflow:hidden;
  isolation:isolate;
  transition:background-color .2s ease,transform .2s ease;
}
.client-logo-grid .client-logo-card:hover{
  background:var(--accent);
}
.client-logo-grid .client-logo{
  display:block;
  width:min(170px,88%);
  height:58px;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  transition:transform .22s ease,opacity .22s ease;
}
.client-logo-grid .client-logo-card:hover .client-logo{
  transform:translateY(-2px) scale(1.025);
}
.client-logo-grid .client-logo-square{
  width:70px;
  height:70px;
}
.client-logo-grid .client-logo-wide{
  width:min(190px,92%);
  height:52px;
}
.client-logo-grid .client-logo-bernabeu{
  width:132px;
  height:70px;
}
.client-logo-grid .client-logo-fallback{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 32px);
  text-align:center;
  font-family:"Syne",sans-serif;
  font-size:.96rem;
  font-weight:700;
  line-height:1.1;
  opacity:0;
  pointer-events:none;
}
.client-logo-grid .client-logo-card:focus-visible{
  outline:3px solid var(--deep);
  outline-offset:-3px;
}
@media(max-width:900px){
  .client-logo-grid .client-logo-card{min-height:118px;padding:20px 16px}
  .client-logo-grid .client-logo{height:52px;width:min(160px,86%)}
  .client-logo-grid .client-logo-square{width:64px;height:64px}
}
@media(max-width:560px){
  .client-logo-grid .client-logo-card{min-height:104px}
  .client-logo-grid .client-logo{height:46px;width:min(155px,82%)}
  .client-logo-grid .client-logo-square{width:58px;height:58px}
}