/* Client stories supplied by the owner; deliberately scoped to this section. */
.offer-site .client-stories{border-top:1px solid var(--line)}
.stories-heading{margin-bottom:32px}
.stories-heading .eyebrow{margin-bottom:16px}
.stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.client-story{min-width:0;padding:32px;border:1px solid #cad3c5;border-radius:10px;background:#edf0e5;display:flex;flex-direction:column;align-items:flex-start}
.client-story:nth-child(2){background:#f5eee3;border-color:#ded4c3}
.client-story .story-client{font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#52674d;margin:0 0 17px}
.client-story:nth-child(2) .story-client{color:#79583e}
.client-story h3{font-size:24px;font-weight:550;line-height:1.25;letter-spacing:-.025em;margin:0 0 28px;max-width:370px}
.story-result{margin-bottom:26px}
.client-story .story-number{display:flex;align-items:center;flex-wrap:wrap;gap:17px;font-size:clamp(40px,4.2vw,56px);line-height:1.1;letter-spacing:-.045em;margin:0 0 8px;font-variant-numeric:tabular-nums}
.story-number>span:first-child{color:#64735e}
.story-number strong{font-weight:650;color:var(--dark)}
.story-number .story-arrow{font-size:.6em;color:#718568;font-weight:400}
.client-story .story-metric-label{font-size:13px;font-weight:550;line-height:1.4;color:var(--dark);margin:0}
.client-story .story-before,.client-story .story-after{font-size:15px;line-height:1.65;margin:0;max-width:470px}
.client-story .story-before{color:var(--muted);margin-bottom:22px}
.client-story .story-after{border-top:1px solid #cbd5c4;padding-top:20px;margin-top:auto;width:100%}
.client-story:nth-child(2) .story-after{border-color:#ded4c3}
.story-after strong{font-weight:650}
@media(max-width:760px){
 .stories-heading{margin-bottom:24px}
 .stories-grid{grid-template-columns:1fr;gap:18px}
 .client-story{padding:25px 22px}
 .client-story h3{font-size:23px;max-width:100%;margin-bottom:23px}
 .client-story .story-number{font-size:44px;gap:14px}
 .story-result{margin-bottom:22px}
 .client-story .story-before,.client-story .story-after{font-size:14px}
}
@media(max-width:360px){.client-story{padding:23px 19px}.client-story h3{font-size:21px}.client-story .story-number{font-size:39px;gap:12px}}