.clients-sec{padding:56px 0}.clients-sec .kicker{font-size:24px}.clients{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 22px;transition:border-color .15s,transform .2s,box-shadow .2s}.client:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px -12px rgb(20 39 62 / .22)}.client.client-logo:hover img{opacity:1}.client .name{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--ink)}.client .sub{font-size:12.5px;color:var(--muted);margin-top:4px}.client.client-logo{display:flex;align-items:center;justify-content:center;min-height:64px}.client.client-logo img{max-width:88%;max-height:38px;width:auto;height:auto;object-fit:contain;transition:opacity .2s}a.client{text-decoration:none}.clients-sec.layout-slider .clients{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin}.clients-sec.layout-slider .clients>*{flex:0 0 auto;width:min(78vw,272px);scroll-snap-align:start}.clients-sec.layout-slider .clients{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 44px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 44px),transparent 100%)}@media (prefers-reduced-motion:reduce){.clients-sec.layout-slider .clients{scroll-behavior:auto}}.client.client-logo{flex-direction:column;gap:10px;padding:18px 14px}.client.client-logo .sub{text-align:center}.client{position:relative}.client .sub{position:absolute;top:12px;right:14px;margin:0;font-family:var(--f-mono);font-weight:600;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);opacity:.85;text-align:right;max-width:60%;line-height:1.25}.client{padding-top:34px}.client.client-logo{padding-top:34px}.client.client-logo .sub{text-align:right}.clients{grid-auto-rows:1fr}.client{height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.client.client-logo{height:172px}.client .name{margin:0}.client.logo-invert img{filter:invert(1)}