.client-section-nav{padding-block:24px 0}.client-section-nav nav{display:flex;gap:28px;border-bottom:1px solid var(--line)}.client-section-nav a{padding:12px 0 16px;font-weight:600;color:var(--slate);border-bottom:3px solid transparent}.client-section-nav a[aria-current="page"]{color:var(--blue-700);border-color:var(--factor-blue)}
.client-preview{background:var(--cream)}.client-logo-grid{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0}.client-logo-card{min-width:0;background:var(--white);border:1px solid var(--line);padding:24px 16px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}.client-logo-image{display:flex;align-items:center;justify-content:center;width:100%;height:76px;margin-bottom:20px}.client-logo-image img{display:block;width:100%;height:100%;object-fit:contain}.client-logo-card p{font-size:13px;line-height:1.65;margin:0;overflow-wrap:anywhere;color:var(--slate)}
.client-directory{border-top:1px solid var(--line)}.client-directory .section-heading{align-items:end}.client-search{width:min(380px,100%)}.client-search label{font-size:14px;display:block;margin-bottom:10px;font-weight:600}.client-search input{width:100%;border:1px solid var(--line);background:var(--white);border-radius:0;padding:14px 16px;font:inherit;font-size:15px;color:var(--ink)}.client-search input:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px}.client-directory-status{margin:0 0 28px}.client-name-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;column-gap:30px}.client-name-grid li{display:flex;gap:14px;align-items:center;min-width:0;padding:19px 0;min-height:76px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7;overflow-wrap:anywhere}.client-name-grid li>span{min-width:0}.client-name-grid img{width:64px;height:38px;object-fit:contain;flex-shrink:0}.client-directory-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:36px}.client-directory-actions [hidden]{display:none}.client-logo-note{font-size:12px;line-height:1.7;margin:36px 0 0;color:var(--slate)}
@media(max-width:1100px){.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.client-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-directory .section-heading{align-items:start;flex-direction:column;gap:28px}}
@media(max-width:600px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo-card{padding:20px 12px 16px}.client-logo-image{height:64px;margin-bottom:16px}.client-logo-card p{font-size:12px}.client-name-grid{grid-template-columns:minmax(0,1fr)}.client-name-grid li{padding:17px 0;font-size:14px;min-height:68px}.client-section-nav{padding-top:12px}.client-directory-actions{gap:20px}}

/* Preserve source alpha and letterforms; render white-logo variants in black. */
.client-logo-image.client-logo-monochrome{background:transparent;padding:0}.client-logo-image.client-logo-monochrome img,.client-name-grid img.client-logo-monochrome{filter:brightness(0);background:transparent;padding:0}

.client-order-note{font-size:14px;line-height:1.8;color:var(--slate);margin:0 0 18px;max-width:850px}.client-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:36px}.client-pagination[hidden]{display:none}.client-pagination button{min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--white);color:var(--blue-700);font:inherit;font-size:14px;padding:10px 13px;cursor:pointer}.client-pagination button[aria-current="page"]{background:var(--blue-700);border-color:var(--blue-700);color:var(--white);font-weight:700}.client-pagination button:disabled{opacity:.45;cursor:default}.client-pagination button:not(:disabled):hover{border-color:var(--blue-700)}.client-pagination button:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px}.client-page-gap{padding:0 3px;color:var(--slate)}.client-directory{scroll-margin-top:110px}#client-directory-title:focus{outline:0}
@media(max-width:600px){.client-pagination{gap:6px;justify-content:flex-start}.client-pagination button{padding-inline:11px}.client-order-note{font-size:13px}}