/* Client logo wall: homepage section and grouped directory on clients.html */
.client-wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.client-wall>li{position:relative;display:flex;flex-direction:column;min-height:196px;padding:24px 22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .35s var(--ease)}
@media(hover:hover){.client-wall>li:hover{background:var(--white)}}
.client-mark{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:18px}
.client-mark img{width:72%;height:66px;object-fit:contain;transition:filter .45s var(--ease),opacity .45s var(--ease)}
.client-mark.is-emblem img{height:84px}
.client-wordmark{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);transition:color .35s var(--ease)}
.client-wordmark>span{font-size:19px;font-weight:400;letter-spacing:.26em;line-height:1.2;margin-right:-.26em}
.client-wordmark>small{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:8px;font-weight:500;letter-spacing:.24em;color:var(--muted);margin-right:-.24em}
.client-wordmark>small:before{content:"";width:1px;height:11px;background:var(--red)}
.client-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--line);padding-top:12px}
.client-name>strong{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.01em}
.client-name>span{font-size:8px;font-weight:500;letter-spacing:.13em;color:var(--muted);text-transform:uppercase;white-space:nowrap}
.client-mark img{filter:grayscale(1) contrast(1.05);opacity:.72}
.client-wall>li.is-active .client-mark img{filter:none;opacity:1}
.client-wall>li.is-active .client-wordmark{color:var(--red)}
.client-wall>li.is-active{background:var(--white)}
@media(hover:hover){.client-wall>li:hover .client-mark img{filter:none;opacity:1}.client-wall>li:hover .client-wordmark{color:var(--red)}}
@media(hover:none){.client-wall>li{cursor:pointer;-webkit-tap-highlight-color:transparent}}

.clients-section .section-end{margin-top:36px}

/* Grouped directory */
.client-directory .section-heading{margin-bottom:70px}
.client-group{display:grid;grid-template-columns:260px 1fr;gap:40px;padding-block:44px;border-top:1px solid var(--line)}
.client-group:last-of-type{border-bottom:1px solid var(--line)}
.client-group-label>span{display:block;font-size:10px;font-weight:500;letter-spacing:.13em;color:var(--red);margin-bottom:16px}
.client-group-label h3{font-size:24px}
.client-group-label p{margin-top:12px;font-size:12px}
.client-group .client-wall{grid-template-columns:repeat(4,1fr)}
.client-group .client-wall>li{min-height:180px}
.client-directory-note{margin-top:30px;font-size:11px;color:var(--muted);max-width:640px}

@media(max-width:1200px){.client-wall{grid-template-columns:repeat(4,1fr)}.client-group{grid-template-columns:200px 1fr;gap:30px}.client-group .client-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.client-wall{grid-template-columns:repeat(3,1fr)}.client-group{grid-template-columns:1fr;gap:26px}.client-group-label{display:flex;align-items:baseline;gap:18px}.client-group-label>span{margin:0}.client-group-label p{margin:0 0 0 auto}}
@media(max-width:700px){.client-wall,.client-group .client-wall{grid-template-columns:repeat(2,1fr)}.client-wall>li,.client-group .client-wall>li{min-height:150px;padding:18px 14px 14px}.client-mark{padding-bottom:14px}.client-mark img{width:84%;height:48px}.client-mark.is-emblem img{height:62px}.client-wordmark>span{font-size:14px;letter-spacing:.2em;margin-right:-.2em}.client-wordmark>small{font-size:7px}.client-name{flex-direction:column;gap:2px;padding-top:10px}.client-name>strong{font-size:11px}.client-name>span{font-size:7px}.client-directory .section-heading{margin-bottom:44px}.client-group{padding-block:34px}.client-group-label h3{font-size:20px}}