/* V10: compact names, with the V9 optical material left intact. */
.new-design .client-rack {
  display:flex; flex-direction:column; align-items:center;
  gap:2px; width:100%; max-width:1060px; margin:38px auto 0;
  padding:12px 0 24px; perspective:none;
}
.new-design .client-row {
  display:flex; justify-content:center; align-items:center;
  gap:6px; width:100%; perspective:1000px;
}
.new-design .client-slot {
  flex:0 0 auto; width:var(--rest-width,auto); height:64px;
  position:relative; outline:none; border-radius:12px;
  transition:width .48s cubic-bezier(.2,.75,.2,1);
}
.new-design .client-slot.is-active {
  width:calc(var(--rest-width) + var(--open-space)); z-index:2;
}
.new-design .client-glass,
.new-design .client-glass:nth-child(n+5),
.new-design .client-glass:last-child {
  left:0; width:100%; height:100%; margin:0; grid-column:auto;
  padding:0 7px; box-sizing:border-box; border-radius:12px;
  font-size:clamp(18px,1.7cqw,24px); letter-spacing:-.045em;
  font-weight:500; white-space:nowrap; cursor:default;
  --lift:0px;
  transform:perspective(850px) translateZ(0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
}
.new-design .client-glass > span {
  display:block; flex:0 0 auto; transform:scale(1);
  transition:transform .48s cubic-bezier(.2,.75,.2,1),color .4s;
}
.new-design .client-slot.is-active .client-glass {
  --lift:0px;
  background:linear-gradient(155deg,#3434347a,#0d0d0de6 40%,#181818);
  border-color:#ffffff80;
  box-shadow:inset 0 1px 1px #ffffff92,inset 0 -1px 2px #fff3,
    0 4px 0 #080808,0 5px 0 #ffffff25,0 14px 24px #0008;
  transform:perspective(850px) translateZ(10px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
}
.new-design .client-slot.is-active .client-glass > span {transform:scale(1.12);color:#fff;}
.new-design .client-slot.is-active .client-glass:before {
  opacity:.8; transform:scale(1.18) rotate(9deg);
}
.new-design .client-slot.is-active .client-glass:after {opacity:.8;}
.new-design .client-slot:focus-visible {outline:1px solid #c4f462;outline-offset:5px;}
/* A readable, compact fallback before JS loads. */
.new-design .client-rack:not(.clients-ready) {flex-direction:row;flex-wrap:wrap;justify-content:center;}
@media(max-width:560px) {
  .new-design .client-rack {margin-top:24px;gap:2px;padding-block:8px 18px;}
  .new-design .client-row {gap:4px;}
  .new-design .client-slot {height:56px;}
}
@media(prefers-reduced-motion:reduce) {
  .new-design .client-slot,.new-design .client-glass,.new-design .client-glass > span {transition:none;}
  .new-design .client-slot.is-active .client-glass {transform:none;}
}

/* Standalone clients section after removal of the former service arms. */
.new-design .studio > .client-section {margin-top:0;padding-top:0;border-top:0;}