/* Original artwork remains in colour; the presentation alone is muted. */
.client-logo-directory .client-colour-control{display:flex;align-items:center;gap:10px;min-height:44px;width:fit-content;margin:0 0 16px;cursor:pointer;font-size:13px;color:var(--ink)}
.client-colour-control input{width:20px;height:20px;margin:0;accent-color:var(--signal)}
.client-colour-control:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:5px}
.client-logo-directory .client-groups,.client-logo-directory .client-groups.is-filtered{display:block}
.client-logo-directory .client-group+.client-group{margin-top:40px}
.client-logo-directory .organisation-list,.client-logo-directory .client-groups.is-filtered .organisation-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px;row-gap:0}
.client-logo-directory .organisation-list li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;min-height:152px;padding:20px 0;border-bottom:1px solid var(--neutral-200)}
.client-logo-directory .client-mark{height:56px;width:124px;max-width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px}
.client-mark img{display:block;object-fit:contain;object-position:left center;width:auto;height:auto;max-width:124px;max-height:52px;filter:grayscale(1);opacity:.76;transition:filter 180ms ease-out,opacity 180ms ease-out}
.client-logo-directory .client-mark-reversed{width:64px;padding:4px;background:var(--ink)}
.client-mark-reversed img{max-width:56px;max-height:48px}
.client-logo-directory .organisation-name{font-size:15px;line-height:1.45;font-weight:600}
.client-logo-directory .organisation-role{font-size:12px;line-height:1.6;margin-top:5px;max-width:28ch}
.client-logo-directory .client-name-only .organisation-name{margin-top:auto}
.client-logo-directory li:hover .client-mark img,
.client-logo-directory:has(#client-colours:checked) .client-mark img,
.client-logo-directory:has(#client-colours:focus-visible) .client-mark img{filter:grayscale(0);opacity:1}
@media(max-width:1100px){.client-logo-directory .organisation-list,.client-logo-directory .client-groups.is-filtered .organisation-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}}
@media(max-width:760px){.client-logo-directory .organisation-list,.client-logo-directory .client-groups.is-filtered .organisation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.client-logo-directory .organisation-role{font-size:13px}.client-logo-directory .organisation-list li{min-height:155px}.client-logo-directory .client-group+.client-group{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.client-mark img{transition:none}}