.page-clients{--client-ink:#153d35;--client-gold:#bc945c;--client-paper:#f5f3ec}
.client-gallery-opening{position:relative;isolation:isolate;background:#133e35;color:#fff;overflow:hidden}
.client-gallery-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.client-gallery-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.2;filter:grayscale(.6)}
.client-gallery-opening:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,45,39,.9),rgba(15,45,39,.45))}
.client-gallery-opening-inner{padding-block:42px 0}
.client-gallery-opening .route-breadcrumbs{color:#d7dfd6;gap:18px;font-size:13px}
.client-gallery-opening .route-breadcrumbs a{color:inherit}
.client-gallery-title{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end;padding-block:58px 74px}
.client-gallery-eyebrow{color:#d8b783;margin:0 0 18px;font-size:16px}
.client-gallery-title h1{font-size:clamp(44px,5.3vw,76px);line-height:1.5;margin:0;font-weight:700;letter-spacing:0}
.client-gallery-title h1 span{color:#d9b887}
.client-gallery-intro{padding-bottom:12px;max-width:460px}
.client-gallery-intro>p{font-size:18px;line-height:2.1;color:#e1e7e1;margin:0 0 30px}
.client-gallery-intro .text-link{color:#fff;border-color:#bc945c;font-size:14px}
.client-brand-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#d9d8cc;border-block:1px solid #d9d8cc;position:relative}
.client-brand-plinth{background:#faf9f4;min-width:0;padding:24px 15px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.client-brand-plinth img{width:100%;height:72px;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.client-brand-plinth span{color:#54665a;font-size:10px;text-align:center;direction:ltr;line-height:1.5}
.client-brand-plinth:hover img{transform:translateY(-4px)}
.page-clients .client-gallery-directory{padding-block:110px 95px;scroll-margin-top:105px}
.page-clients .directory-heading{align-items:end;margin-bottom:48px;gap:50px}
.page-clients .directory-heading h2{font-size:clamp(31px,3.3vw,45px);line-height:1.65;margin:0;color:#153d35}
.page-clients .directory-heading h2 span{color:#8c714b}
.page-clients .client-search{width:330px;max-width:100%}
.page-clients .client-search>label{font-size:13px;color:#557168}
.page-clients .client-search>div{border-color:#a2b2aa;padding-block:13px}
.page-clients .client-search input{font-size:15px}
.page-clients .directory-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,2fr);gap:38px;align-items:start}
.page-clients .client-focus{background:#f5f3ec;border:0;padding:25px;position:sticky;top:120px;box-shadow:none;min-width:0}
.client-focus-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b796e;padding-bottom:18px;border-bottom:1px solid #d6d7c9}
.client-focus-mark{font-size:24px;color:#977642}
.page-clients .client-focus-logo{background:#fff;height:205px;margin-block:25px;display:grid;place-items:center;padding:35px}
.page-clients .client-focus-logo img{width:100%;height:100%;max-height:130px;object-fit:contain;mix-blend-mode:multiply}
.page-clients .client-focus-copy h3{font-size:25px;line-height:1.5;color:#153d35;margin:0 0 14px}
.page-clients .client-focus-copy>p{font-size:14px;line-height:2;color:#64736a;margin-bottom:22px}
.page-clients .client-focus-copy>.text-link{font-size:13px}
.page-clients .client-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border-inline-start:1px solid #e1e4da;border-top:1px solid #e1e4da}
.page-clients .client-tile{position:relative;min-width:0;min-height:165px;padding:28px 16px 20px;border:0;border-inline-end:1px solid #e1e4da;border-bottom:1px solid #e1e4da;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;outline-offset:-5px;transition:background .25s,box-shadow .25s}
.page-clients .client-tile img{width:100%;height:70px;max-width:120px;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s;filter:none;opacity:1}
.page-clients .client-tile span{display:block;opacity:1;position:static;font-size:10px;line-height:1.5;color:#68766c;text-align:center;transform:none}
.page-clients .client-tile:hover{background:#f7f7f1}
.page-clients .client-tile:hover img{transform:translateY(-4px)}
.page-clients .client-tile.is-selected{background:#f0f4ed;box-shadow:inset 0 3px #bc945c}
.page-clients .client-tile.is-selected:after{content:"✓";position:absolute;inset-inline-end:10px;top:9px;font-size:12px;color:#176154}
.page-clients .client-tile:focus-visible{outline:2px solid #00685f}
.page-clients .client-verified-project{border-top:1px solid #d5d5c7;padding-top:20px;margin-bottom:24px}
.page-clients .client-verified-project img{width:100%;height:135px;object-fit:cover}
.page-clients .client-back-to-wall{display:none}
.page-clients .client-invitation{border-top:1px solid #d4d9cd;padding-block:65px 80px}
html[lang=en] .client-gallery-title h1{font-size:clamp(42px,5.1vw,72px);line-height:1.2;letter-spacing:-.035em}
html[lang=en] .page-clients .directory-heading h2{line-height:1.25;font-size:clamp(31px,3vw,42px)}
@media(min-width:701px) and (max-width:1100px){.page-clients .client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.client-gallery-title{gap:6%;padding-block:45px 55px}.client-gallery-title h1{font-size:50px}.client-gallery-intro>p{font-size:16px}.page-clients .directory-layout{gap:24px;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr)}.client-brand-plinth{padding-inline:10px}.client-brand-plinth img{height:58px}}
@media(max-width:700px){.client-gallery-opening-inner{padding-top:28px}.client-gallery-title{grid-template-columns:1fr;gap:25px;padding-block:35px 38px}.client-gallery-title h1{font-size:43px}.client-gallery-intro>p{font-size:16px;line-height:2;margin-bottom:20px}.client-gallery-intro{max-width:none;padding:0}.client-brand-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.client-brand-plinth{padding:17px 13px 12px;gap:9px}.client-brand-plinth img{height:48px}.client-brand-plinth span{font-size:9px}.page-clients .client-gallery-directory{padding-block:60px}.page-clients .directory-heading{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin-bottom:28px}.page-clients .directory-heading h2{font-size:32px}.page-clients .client-search{width:100%}.page-clients .directory-layout{display:flex;flex-direction:column;gap:25px}.page-clients .client-focus{position:static;top:auto;width:100%;padding:20px;display:grid;grid-template-columns:95px 1fr;gap:18px;align-items:center}.client-focus-label{grid-column:1/-1;padding-bottom:12px}.page-clients .client-focus-logo{height:100px;margin:0;padding:12px}.page-clients .client-focus-copy h3{font-size:21px;margin-bottom:7px}.page-clients .client-focus-copy>p{font-size:12px;line-height:1.8;margin-bottom:10px}.page-clients .client-focus-copy>.text-link{font-size:11px}.page-clients .directory-layout>div:last-child{width:100%}.page-clients .client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.page-clients .client-tile{min-height:132px;padding:23px 10px 15px;gap:14px}.page-clients .client-tile img{height:50px}.page-clients .client-tile span{font-size:9px}.page-clients .client-verified-project img{height:120px}.page-clients .client-back-to-wall{display:inline-flex}.page-clients .client-invitation{padding-block:45px 60px}html[lang=en] .client-gallery-title h1{font-size:42px}html[lang=en] .page-clients .directory-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.client-brand-plinth img,.page-clients .client-tile,.page-clients .client-tile img{transition:none}}
.page-clients .client-tile[hidden],.page-clients .client-focus[hidden],.page-clients .client-verified-project[hidden]{display:none!important}
@media(max-width:700px){.page-clients .client-focus{order:0}.page-clients .directory-layout>div:last-child{order:1}}