/* Client proof and cumulative results, in Ben's cream / ink / lime palette. */
.bm-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 40px;margin-bottom:34px}
.bm-heading>.eyebrow{grid-column:1/-1}
.bm-heading h2{margin-top:0}
.bm-agency{display:flex;align-items:center}
.bm-agency img{width:240px;height:auto}
.bm-intro{max-width:880px;font-size:17px;line-height:1.55;color:var(--muted);margin:-8px 0 34px}
.bm-client-footer{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.bm-more-clients{font-size:17px;font-weight:600;letter-spacing:-.3px;white-space:nowrap}
.bm-more-clients::after{content:"";display:block;width:38px;height:4px;background:var(--lime);margin-top:8px;margin-left:auto}
.bm-client-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.bm-client{grid-column:span 4;display:flex;align-items:center;gap:17px;min-width:0;min-height:112px;padding:22px;background:#fcfcf8;border:1px solid var(--line);border-radius:6px}
.bm-client:nth-child(-n+4){grid-column:span 3}
.bm-client img{width:60px;height:60px;flex-shrink:0;object-fit:cover;border-radius:50%;border:1px solid #1c1e190c;background:#fff}
.bm-client-info{min-width:0}
.bm-client h3{font-size:15px;line-height:1.3;letter-spacing:-.3px;font-weight:600}
.bm-channel-edition{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:3px}
.bm-client p{font-size:10px;color:var(--muted);line-height:1.35;margin-top:8px}
.bm-client p strong{color:var(--ink);font-size:15px;letter-spacing:-.25px;font-weight:600;margin-right:3px}
.bm-count-note{font-size:10px;color:var(--muted)}
.bm-count-note a{text-decoration:underline;text-underline-offset:3px}
.bm-results-heading{margin:48px 0 32px;max-width:700px}
.bm-results-heading h3{font-size:28px;letter-spacing:-.9px;line-height:1.2}
.bm-results-heading>p{font-size:17px;line-height:1.55;color:var(--muted);margin-top:14px;max-width:650px}
.bm-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);padding-block:36px 32px}
.bm-stat{position:relative;min-width:0;padding-inline:32px;display:flex;flex-direction:column;align-items:flex-start}
.bm-stat:first-child{padding-left:0}
.bm-stat:last-child{padding-right:0}
.bm-stat+.bm-stat{border-left:1px solid var(--line)}
.bm-stat-value{display:block;font-size:clamp(54px,7vw,94px);line-height:1.08;font-weight:700;letter-spacing:-5px;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums;transition:transform .25s ease}
.bm-stat>p{font-size:20px;font-weight:700;letter-spacing:-.4px;line-height:1.35;margin-top:16px}
.bm-stat-rule{display:block;height:6px;width:50px;background:var(--lime);margin-top:22px;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.bm-counting{font-size:12px;color:var(--muted);margin-top:12px}
@media(hover:hover){.bm-stat:hover .bm-stat-value{transform:translateY(-5px)}.bm-stat:hover .bm-stat-rule{width:100%}}
@media(prefers-reduced-motion:reduce){.bm-stat-value,.bm-stat-rule{transition:none}.bm-stat:hover .bm-stat-value{transform:none}}
.bm-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
@media(max-width:1100px){
 .bm-client{padding:18px;gap:12px;min-height:105px}
 .bm-client img{width:48px;height:48px}
 .bm-client:nth-child(-n+4){flex-direction:column;align-items:flex-start}
 .bm-stat{padding-inline:23px}
 .bm-stat-value{font-size:clamp(43px,6.5vw,70px);letter-spacing:-3.5px}
 .bm-stat>p{font-size:18px}
}
@media(max-width:800px){
 .bm-heading{gap:16px 24px}
 .bm-agency img{width:180px}
 .bm-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bm-client,.bm-client:nth-child(-n+4){grid-column:auto;flex-direction:row;align-items:center;min-height:96px}
 .bm-client:last-child{grid-column:1/-1}
 .bm-stat{padding-inline:17px}
 .bm-stat-value{font-size:clamp(36px,6.6vw,53px);letter-spacing:-2.5px}
 .bm-stat>p{font-size:16px}

}
@media(max-width:600px){
 .bm-heading{display:block;margin-bottom:25px}
 .bm-heading h2{font-size:36px;letter-spacing:-1.5px;margin-top:16px}
 .bm-agency{align-items:flex-start;margin-top:20px;padding:0}
 .bm-agency img{width:180px}
 .bm-intro{font-size:15px;margin:0 0 26px}
 .bm-client-footer{flex-direction:column;align-items:flex-start;gap:15px}
 .bm-more-clients{font-size:16px}
 .bm-more-clients::after{margin-left:0}
 .bm-client-grid{gap:10px}
 .bm-client,.bm-client:nth-child(-n+4){flex-direction:column;align-items:flex-start;padding:17px;gap:13px;min-height:155px}
 .bm-client img{width:52px;height:52px}
 .bm-client h3{font-size:14px}
 .bm-client p{font-size:9px;margin-top:7px}
 .bm-client p strong{font-size:15px;margin-right:2px}
 .bm-client-info{display:flex;flex-direction:column;flex:1}
 .bm-client-info p{margin-top:auto;padding-top:8px}
 .bm-client:last-child{flex-direction:row;align-items:center;min-height:90px}
 .bm-client:last-child .bm-client-info{flex:initial}
 .bm-count-note{font-size:9px;line-height:1.5}
 .bm-results-heading{margin:36px 0 26px}
 .bm-results-heading h3{font-size:25px;letter-spacing:-.7px}
 .bm-results-heading>p{font-size:15px;margin-top:12px}
 .bm-results{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:26px 28px}
 .bm-stat{padding-inline:16px}
 .bm-stat-value{font-size:clamp(35px,11vw,60px);letter-spacing:-2.5px}
 .bm-stat>p{font-size:17px;margin-top:12px;max-width:150px}
 .bm-stat-rule{margin-top:18px;height:5px;width:40px}
 .bm-revenue{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);margin-top:28px;padding:26px 0 0}
 .bm-revenue .bm-stat-value{font-size:clamp(56px,16vw,72px);letter-spacing:-3.5px}
 .bm-revenue>p{max-width:none;font-size:19px}
 .bm-counting{margin-top:10px}
 .bm-actions{align-items:flex-start;flex-direction:column;gap:13px;margin-top:24px}
 .bm-actions .button{width:100%;justify-content:space-between;font-size:12px;padding-inline:20px;gap:15px}
 .bm-actions .text-link{font-size:12px}
}
