/* Clients — logo/name grid. Lazy. Mobile-first: 2-up. */
.clients-sec{padding:56px 0}
.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}
.client:hover{border-color:var(--accent)}
.client .name{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:-0.01em;color:var(--ink)}
.client .sub{font-size:12.5px;color:var(--muted);margin-top:4px}

/* Logo variant (item has a logoId instead of name/sub text): center a contained
   image, same card chrome. */
.client.client-logo{display:flex;align-items:center;justify-content:center;min-height:64px}
.client.client-logo img{max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain}
a.client{text-decoration:none}