/* 368: static, sourced proof. The quote supplies a pause between work and CTA. */
body[data-page=home] .cf-project-caption .project-card-outcome{max-width:49ch;margin-top:14px;color:var(--cf-ink);font:400 clamp(15px,1vw,18px)/1.55 var(--cf-body);letter-spacing:0;text-transform:none}
body[data-page=home] .home-proof{display:grid;grid-template-columns:.75fr 1.65fr;gap:45px 9%;margin-top:clamp(65px,7vw,140px);padding:clamp(35px,4vw,72px) 0;border-block:1px solid var(--cf-line);position:relative}
body[data-page=home] .home-proof:before{content:'';position:absolute;left:0;top:-1px;width:80px;height:2px;background:var(--cf-light)}
body[data-page=home] .home-proof-intro{min-width:0}
body[data-page=home] .home-proof .micro{font:400 11px/1.7 var(--cf-mono);letter-spacing:.04em;color:var(--cf-light)}
body[data-page=home] .home-proof-intro h3{font:500 clamp(22px,1.65vw,31px)/1.35 var(--cf-body);letter-spacing:-.025em;margin:24px 0;color:var(--cf-ink)}
body[data-page=home] .home-proof a{color:var(--cf-ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:20px;font:400 13px/1.5 var(--cf-body)}
body[data-page=home] .home-proof-intro a,body[data-page=home] .home-proof-review figcaption>a{border-bottom:1px solid var(--cf-line)}
body[data-page=home] .home-proof a>span[aria-hidden]{color:var(--cf-light);font-size:22px}
body[data-page=home] .home-proof a:hover{color:var(--cf-light);border-color:var(--cf-light)}
body[data-page=home] .home-proof a:focus-visible{outline:2px solid var(--cf-light);outline-offset:5px}
body[data-page=home] .home-proof-review{margin:0;min-width:0}
body[data-page=home] .home-proof-review blockquote{margin:0}
body[data-page=home] .home-proof-review blockquote p{font:500 clamp(27px,2.55vw,48px)/1.32 var(--cf-body);color:var(--cf-frost);letter-spacing:-.035em;margin:0;max-width:36ch;text-wrap:pretty}
body[data-page=home] .home-proof-review figcaption{display:grid;grid-template-columns:1fr auto;gap:15px 25px;margin-top:30px;align-items:center}
body[data-page=home] .home-proof-review figcaption strong{display:block;font:500 15px/1.5 var(--cf-body);color:var(--cf-ink)}
body[data-page=home] .home-proof-review figcaption div>span{display:block;font:400 13px/1.7 var(--cf-body);color:var(--cf-muted);margin-top:3px}
body[data-page=home] .home-proof-review figcaption small{grid-column:1/-1;color:var(--cf-label);font:400 11px/1.7 var(--cf-mono)}
/* 384: optical scale follows visible artwork and ink weight, preserving ratios. */
body[data-page=home] .home-proof-clients{grid-column:1/-1;min-width:0;border-top:1px solid var(--cf-line);padding-top:28px}
.client-ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
body[data-page=home] .client-ribbon-heading p{font:400 14px/1.7 var(--cf-body);color:var(--cf-muted);margin:0}
.client-ribbon-controls{display:flex;gap:18px;align-items:center}
.client-ribbon button{border:0;padding:0 3px;background:transparent;min-height:44px;display:inline-flex;align-items:center;gap:9px;font:400 12px/1.5 var(--cf-body);color:var(--cf-muted);cursor:pointer}
.client-ribbon button[hidden]{display:none}
.client-ribbon button:hover{color:var(--cf-frost)}
.client-ribbon button:focus-visible,.client-ribbon-viewport:focus-visible{outline:2px solid var(--cf-light);outline-offset:5px}
.client-ribbon button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.client-ribbon button>span[aria-hidden]{font-size:20px;color:var(--cf-light)}
.client-ribbon-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--cf-line) transparent}
.client-ribbon-track{width:max-content;display:flex}
.client-ribbon-group{display:flex;align-items:center;gap:clamp(35px,4vw,70px);padding:18px clamp(35px,4vw,70px) 18px 0;margin:0;list-style:none;flex-shrink:0}
.client-ribbon-group li{display:flex;align-items:center;justify-content:center;width:clamp(165px,16vw,235px);height:94px;flex-shrink:0;--logo-scale:1}
.client-logo-art{position:relative;display:block;flex-shrink:0;width:calc(var(--logo-width)*var(--logo-scale));max-width:95%;height:auto;aspect-ratio:var(--logo-ratio);overflow:hidden}
.client-ribbon-group img{position:absolute;display:block;max-width:none;max-height:none;filter:brightness(0) invert(1);opacity:var(--logo-opacity,.73);transition:opacity .2s}
.client-ribbon-group img[data-treatment=knockout]{filter:grayscale(1) invert(1) brightness(5);mix-blend-mode:screen}
.client-ribbon-group img[data-treatment=metallic]{filter:grayscale(1) contrast(1.8) brightness(1.2);mix-blend-mode:screen}
.client-ribbon-group li:hover img{opacity:.95}
.client-ribbon-copy{display:none}
.client-static-hint{font:400 11px/1.7 var(--cf-mono);color:var(--cf-label);margin:12px 0 0}
.client-ribbon[data-enhanced=true]:not([data-expanded=true]) .client-ribbon-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.client-ribbon[data-enhanced=true]:not([data-expanded=true]) .client-ribbon-track{animation:client-ribbon-drift calc(var(--client-count)*11s) linear infinite;animation-play-state:paused}
.client-ribbon[data-enhanced=true] .client-ribbon-copy{display:flex}
.client-ribbon[data-enhanced=true] .client-static-hint{display:none}
.client-ribbon[data-visible=true][data-awake=true][data-paused=false]:not(:focus-within) .client-ribbon-track{animation-play-state:running}
html.has-dialog .client-ribbon .client-ribbon-track{animation-play-state:paused!important}
.client-ribbon[data-expanded=true] .client-ribbon-viewport{overflow:visible;mask-image:none}
.client-ribbon[data-expanded=true] .client-ribbon-track{width:auto;animation:none}
.client-ribbon[data-expanded=true] .client-ribbon-group{width:100%;padding:16px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:30px}
.client-ribbon[data-expanded=true] .client-ribbon-group li{width:100%;height:94px}
.client-ribbon[data-expanded=true] .client-ribbon-copy{display:none}
.client-ribbon[data-expanded=true] .client-motion-toggle{display:none}
@keyframes client-ribbon-drift{to{transform:translateX(-50%)}}
@media(hover:hover) and (pointer:fine){.client-ribbon:hover .client-ribbon-track{animation-play-state:paused!important}}
body[data-page=home] .home-proof+.cf-work-foot{margin-top:40px}
@media(max-width:900px){body[data-page=home] .home-proof{grid-template-columns:.75fr 1.5fr;gap:35px 6%}body[data-page=home] .home-proof-review figcaption{grid-template-columns:1fr}body[data-page=home] .home-proof-review figcaption>a{justify-self:start}}
@media(max-width:1000px){.client-ribbon-group li{--logo-scale:.72}.client-ribbon[data-expanded=true] .client-ribbon-group{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}}
@media(max-width:600px){body[data-page=home] .home-proof{grid-template-columns:1fr;gap:32px;margin-top:65px;padding-block:35px}body[data-page=home] .home-proof-intro h3{margin:18px 0 10px}body[data-page=home] .home-proof-clients{padding-top:20px}.client-ribbon-heading{align-items:flex-start;gap:8px;flex-direction:column}.client-ribbon-controls{gap:24px}.client-ribbon-heading p{max-width:none}.client-ribbon-group li{height:70px;--logo-scale:.63}.client-ribbon[data-expanded=true] .client-ribbon-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}body[data-page=home] .home-proof-review blockquote p{font-size:clamp(25px,6.6vw,34px)}body[data-page=home] .home-proof-review figcaption{margin-top:23px}}
/* Quiet paths retain one complete, natively scrollable list. */
html[data-motion=off] .client-ribbon .client-ribbon-track{animation:none;transform:none}
html[data-motion=off] .client-ribbon:not([data-expanded=true]) .client-ribbon-viewport{overflow-x:auto;mask-image:none}
html[data-motion=off] .client-ribbon .client-ribbon-copy,html[data-motion=off] .client-ribbon .client-motion-toggle{display:none}
html[data-motion=off] .client-ribbon:not([data-expanded=true]) .client-static-hint{display:block}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.client-ribbon .client-ribbon-track{animation:none!important;transform:none!important}.client-ribbon:not([data-expanded=true]) .client-ribbon-viewport{overflow-x:auto!important;mask-image:none!important}.client-ribbon .client-ribbon-copy,.client-ribbon .client-motion-toggle{display:none!important}.client-ribbon:not([data-expanded=true]) .client-static-hint{display:block}.client-ribbon-group img{transition:none}}
@media(forced-colors:active){.client-ribbon-group img{forced-color-adjust:none;filter:brightness(0) invert(1);opacity:1}.client-ribbon-group li{background:#172230;padding:10px}body[data-page=home] .home-proof:before{background:Highlight}}