/* The page's native vertical scroll drives the customer stories horizontally. */
body.ch-home-preview{overflow-x:clip;overflow-y:visible}
.ch-customer-scroll{--customer-gutter:var(--ch-content-gutter,24px);position:relative;margin:40px 0 0;color:#fff;text-align:left}
.ch-customer-sticky{padding:24px 0;background:#000}
.ch-customer-scroll[data-pinned] .ch-customer-sticky{position:sticky;top:var(--customer-top,24px)}
.ch-customer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;width:var(--ch-content-width,calc(100% - 48px));margin:0 auto 24px}
.ch-customer-toolbar h2{color:#fff;font-size:clamp(26px,3vw,36px);line-height:1.15;margin:0 0 8px}
.ch-customer-hint{font-size:15px;line-height:1.5;color:#c9c9c9;margin:0}
.ch-customer-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ch-customer-controls[hidden]{display:none}
.ch-customer-controls button{width:44px;height:44px;border:1px solid #777;border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.ch-customer-controls button:hover:not(:disabled){background:#c1ff57;color:#111;border-color:#c1ff57}
.ch-customer-controls button:disabled{opacity:.35;cursor:default}
.ch-customer-count{min-width:56px;font-size:14px;font-variant-numeric:tabular-nums;text-align:center}
.ch-customer-skip{color:#fff;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;margin-left:8px}
.ch-customer-viewport{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:0 var(--customer-gutter);scrollbar-width:thin;scrollbar-color:#91c43a #222;scroll-snap-type:x mandatory;scroll-padding-inline:var(--customer-gutter)}
.ch-customer-track{display:flex;gap:24px;align-items:stretch}
.ch-customer-card{flex:0 0 min(920px,calc(100vw - var(--customer-gutter)*2));min-width:0;scroll-snap-align:start;overflow:hidden;border-radius:16px;background:#1c1c1c}
.ch-customer-scroll[data-pinned] .ch-customer-viewport{scroll-snap-type:none;scrollbar-width:none;touch-action:pan-y}
.ch-customer-scroll[data-pinned] .ch-customer-viewport::-webkit-scrollbar{display:none}
.ch-customer-scroll .ch-customer-item{padding:0;margin:0;width:100%;height:100%}
.ch-customer-scroll .ch-customer-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:400px}
.ch-customer-scroll :is(.ch-customer-text,.ch-customer-picture){width:auto;min-width:0;height:auto;background:#1c1c1c}
.ch-customer-scroll .ch-customer-copy{box-sizing:border-box;position:static;display:flex;flex-direction:column;gap:20px;padding:32px;min-height:0;height:100%}
.ch-customer-scroll .ch-customer-copy h3{font-size:clamp(24px,2.2vw,32px);line-height:1.2;color:#fff;margin:0}
.ch-customer-scroll .ch-customer-copy p{font-size:16px;line-height:1.6;color:#ddd;margin:0}
.ch-customer-scroll .ch-customer-copy>a{position:static;display:inline-flex;align-items:center;align-self:flex-start;gap:12px;min-height:44px;margin-top:auto;padding:12px 0 0;color:#c1ff57}
.ch-customer-scroll .ch-customer-copy>a svg{width:17px;flex:none}
.ch-customer-scroll .ch-customer-image{height:100%;min-height:0;width:100%}
.ch-customer-scroll .ch-customer-image img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}
.ch-customer-scroll :is(button,a,.ch-customer-viewport):focus-visible{outline:3px solid #c1ff57;outline-offset:4px}
.ch-customer-end{scroll-margin-top:32px}
@media(max-width:640px){
 .ch-customer-toolbar{gap:16px}.ch-customer-controls{gap:8px;width:100%}.ch-customer-skip{margin-left:auto}
 .ch-customer-track{gap:16px}.ch-customer-scroll .ch-customer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:150px 1fr;min-height:0}
 .ch-customer-scroll .ch-customer-picture{grid-row:1}.ch-customer-scroll .ch-customer-text{grid-row:2}
 .ch-customer-scroll .ch-customer-copy{padding:22px;gap:14px}.ch-customer-scroll .ch-customer-copy h3{font-size:23px}
 .ch-customer-scroll .ch-customer-copy p{line-height:1.5}.ch-customer-scroll .ch-customer-image{height:150px}
}
@media(prefers-reduced-motion:reduce){.ch-customer-viewport{scroll-behavior:auto;scroll-snap-type:none}}
