/* W42: stable client wall. Source marks remain untouched; monochrome is presentation only. */
.client-proof{padding-block:34px 26px;border-bottom:1px solid var(--line);scroll-margin-top:0}
.client-proof-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.client-proof-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.025em}
.client-location{font-size:9px;letter-spacing:.12em;color:var(--muted);white-space:nowrap}
.client-proof-tools{margin-bottom:22px}
.client-filters{display:flex;flex-wrap:wrap;gap:6px}
.client-filters button{position:relative;min-height:40px;padding:8px 15px;border:1px solid transparent;border-radius:5px;font-size:12px;color:#676770}
.client-filters button[aria-pressed=true]{border-color:#b6b6bd;background:#f7f7f5;color:var(--ink)}
.client-filters button.is-preview{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.client-filters button:hover{color:var(--ink)}
.client-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.client-item{min-width:0;text-align:center}
.client-logo{padding:0;display:block;width:100%;border:1px solid #e7e7e8;border-radius:7px;overflow:hidden;text-align:center;background:#fff}
.client-art{height:110px;display:flex;align-items:center;justify-content:center;padding:18px 20px;background:#fafaf9}
.client-art img{width:100%;height:100%;object-fit:contain;max-width:148px;filter:brightness(0);opacity:.72;mix-blend-mode:multiply}
.client-art[data-shape=compact] img{max-width:96px}
.client-art[data-shape=tall] img{max-width:65px}
.client-art[data-shape=wide] img{max-width:155px}
.client-caption{display:block;font-size:10px;line-height:1.4;min-height:29px;padding:7px 6px;color:#717179;background:#fff}
/* Opaque supplied artwork needs its light or dark field neutralised as a whole. */
.client-item[data-client=bowlers] img{filter:grayscale(1) brightness(2) contrast(5)}
.client-item[data-client=nomad-flowers] img,.client-item[data-client=drivelab] img,.client-item[data-client=gr-performance] img,.client-item[data-client=dopamine] img,.client-item[data-client=homy] img,.client-item[data-client=ooo-pizza] img,.client-item[data-client=ngo] img{filter:grayscale(1) invert(1) contrast(5)}
.client-item[data-client=nabaze] img,.client-item[data-client=white-esthetic-dental] img,.client-item[data-client=matcha-crew] img,.client-item[data-client=ten-bubble] img,.client-item[data-client=foyer-cafe] img,.client-item[data-client=yd-beauty] img{filter:grayscale(1) contrast(5)}
.client-proof.has-highlight .client-item:not(.is-highlighted) .client-art img{opacity:.24}
.client-item.is-highlighted .client-logo{border-color:#aaaab3}
.client-item.is-highlighted img{filter:none!important;opacity:1;mix-blend-mode:normal}
.client-item.is-highlighted .client-art{background:#f7f7f5}
.client-item.is-highlighted [data-tone=dark]{background:#18191b}
.client-item.is-highlighted [data-tone=black]{background:#000}
.client-item.is-highlighted [data-tone=drivelab]{background:#0c0f10}
.client-item.is-highlighted [data-tone=lime]{background:#9fcc3b}
.client-item.is-highlighted [data-tone=blue]{background:#1a2499}
.client-item.is-highlighted [data-tone=ochre]{background:#b57300}
.client-item.is-highlighted [data-tone=beige]{background:#eee6db}
.client-item.is-highlighted [data-tone=white]{background:#fff}
.client-item.is-highlighted [data-tone=yellow]{background:#ffc72a}
.client-item.is-highlighted [data-tone=arsov]{background:#1125a9}
.client-item.is-highlighted [data-tone=up]{background:#22367d}
.client-item[data-client=homy].is-highlighted .client-art{background:#231f20}
.client-proof-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}
.client-filter-description{font-size:11px;line-height:1.6;color:var(--muted);max-width:710px;min-height:18px}
.client-proof-toggle{display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:8px 0;font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.client-logo:focus-visible,.client-filters button:focus-visible,.client-proof-toggle:focus-visible{outline:2px solid #393943;outline-offset:3px;box-shadow:3px 0 0 #00e5ff}
@media(max-width:1000px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-location{display:none}}
@media(max-width:600px){.client-proof{padding-block:28px 22px}.client-proof-heading h2{font-size:23px;max-width:300px}.client-proof-heading{margin-bottom:14px}.client-filters{gap:3px}.client-filters button{font-size:11px;padding:9px 10px;min-height:42px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-art{height:85px;padding:14px 10px}.client-caption{font-size:9px;min-height:36px;padding:7px 4px}.client-proof-bottom{display:block;margin-top:14px}.client-proof-toggle{margin-top:6px}.client-filter-description{font-size:10px;min-height:32px}.client-art[data-shape=tall] img{max-width:48px}}
@media(max-width:380px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-art{height:86px}}
@media(prefers-reduced-motion:reduce){.client-logo,.client-art,.client-art img{transition:none}}
.client-item[data-client=drubez-cerveny-hradek] img,.client-item[data-client=nova-lekarna] img{filter:grayscale(1) invert(1) contrast(5)}
.client-item[data-client=ten-bubble-bar] img{filter:grayscale(1) contrast(5)}
.client-item[data-client=nomad-flowers] img{filter:grayscale(1) brightness(.65) contrast(4)}
.client-item[data-client=kytky-plzen] img,.client-item[data-client=ngo] img{filter:grayscale(1) invert(1) brightness(2) contrast(5)}
.client-item[data-client=nomad-flowers] .client-art,.client-item[data-client=nabaze] .client-art{padding-block:9px}
.client-item[data-client=nabaze] img{transform:scale(1.15)}
/* Preserve internal artwork and light gradients in mixed-colour originals. */
.client-item[data-client=cechak] img,.client-item[data-client=yangguofu] img{filter:grayscale(1) invert(1)}
.client-item[data-client=homy] img,.client-item[data-client=drivelab] img,.client-item[data-client=drubez-cerveny-hradek] img,.client-item[data-client=gr-performance] img{filter:grayscale(1) invert(1) contrast(1.3)}
.client-item[data-client=yd-beauty] img{filter:grayscale(1);opacity:1}