/* Additive client components. The two public stylesheets are unchanged copies. */
.client-logos{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}
.client-tile{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--line-soft)}
.client-row .client-tile{flex:0 0 calc(100% / var(--featured-count));min-height:148px}
.client-grid .client-tile{flex:0 0 25%;min-height:190px}
.client-grid[data-count="3"] .client-tile{flex-basis:33.333333%}
.client-logos{border-top:1px solid var(--line)}
.client-logo{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:260px;min-height:100px;padding:24px;color:var(--accent-strong);filter:grayscale(1);transition:filter .18s ease;color-scheme:dark}
.client-logo:focus-visible{outline:2px solid var(--accent);outline-offset:-6px}
.client-logo img{display:block;width:100%;height:56px;object-fit:contain;max-width:212px}
.client-logo.logo-square img{max-width:64px;height:64px}
.client-tile:hover .client-logo,.client-tile:focus-within .client-logo{filter:grayscale(0)}
.placeholder-symbol{flex-shrink:0;width:34px;height:40px;color:var(--copper)}
.placeholder-name{font:500 17px var(--font-body);white-space:nowrap;letter-spacing:-.025em}
.logo-square{flex-direction:column;gap:8px}
.logo-square .placeholder-symbol{width:40px;height:40px}
.logo-square .placeholder-name{font:12px var(--font-mono);letter-spacing:.02em}
.logo-wide .placeholder-name{font:400 23px var(--font-display)}
.logo-wide .placeholder-symbol{width:22px}
.clients-link{display:flex;justify-content:flex-end;margin-top:26px}
.clients-directory{padding:42px 0 72px}
.breadcrumb{display:inline-block;color:var(--ink-soft)}
.clients-heading{padding:49px 0 48px;max-width:780px}
.clients-heading .eyebrow{display:block;margin-bottom:20px}
.clients-heading h1{font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-.035em;color:var(--accent-strong);margin:0 0 25px}
.clients-heading p{max-width:640px;font-size:17px;margin:0}
.clients-closing{background:var(--surface);border-block:1px solid var(--line-soft);padding:56px 0}
.clients-closing .container{display:flex;align-items:center;justify-content:space-between;gap:64px}
.public-home .clients-closing h2{max-width:660px;font-size:clamp(30px,2.7vw,38px)}
.clients-closing .button{flex-shrink:0}
.nav-links a[aria-current="page"],.mobile-menu-panel a[aria-current="page"]{color:var(--accent-strong);text-decoration:underline;text-underline-offset:8px}
.optional-client-link{font-size:12px;margin:-8px 0 20px;text-decoration:none;border-bottom:1px solid var(--line)}
.preview-video-still{max-width:none!important;width:100%!important;aspect-ratio:auto!important;mix-blend-mode:normal!important}
@media(max-width:1100px){.navbar .nav-links,.navbar .nav-actions{display:none}.mobile-menu{display:block}}
@media(max-width:700px){
 .client-row .client-tile,.client-grid .client-tile,.client-grid[data-count="3"] .client-tile{flex-basis:50%;min-height:142px}
 .client-logo{padding:18px 8px;gap:8px;max-width:190px}
 .placeholder-name{font-size:13px}.logo-wide .placeholder-name{font-size:17px}.logo-square .placeholder-name{font-size:11px}
 .placeholder-symbol{width:25px;height:32px}.logo-wide .placeholder-symbol{width:17px}
 .client-logo img{height:44px;max-width:150px}.client-logo.logo-square img{height:52px;max-width:52px}
 .clients-section .section-intro{gap:22px}.clients-link{justify-content:flex-start;margin-top:24px}
 .clients-directory{padding:24px 0 48px}.clients-heading{padding:34px 0 32px}.clients-heading p{font-size:16px}
 .clients-closing{padding:42px 0}.clients-closing .container{display:block}.clients-closing .button{margin-top:28px;width:100%}
}

/* Production (WI-000103): white silhouettes on navy; true colors on a light tile on hover/focus. */
.client-logo{filter:none;border-radius:6px;transition:background-color .18s ease}
.client-logo .logo-rest{filter:brightness(0) invert(1);opacity:.9}
.client-logo .logo-color{display:none}
.client-tile:hover .client-logo,.client-tile:focus-within .client-logo{background:#f6f1e6}
.client-tile:hover .logo-rest,.client-tile:focus-within .logo-rest{display:none}
.client-tile:hover .logo-color,.client-tile:focus-within .logo-color{display:block}
.client-logo.logo-standard img{height:64px}
@media (max-width:640px){.client-logo img{height:44px}.client-logo.logo-standard img{height:52px}}
@media (prefers-reduced-motion:reduce){.client-logo{transition:none}}

/* Linked logos (Peter, 2026-09-27) */
a.client-logo{text-decoration:none;cursor:pointer}
a.client-logo:focus-visible{outline:2px solid var(--accent);outline-offset:-6px}