/* A shared editorial card system, with more proof continuing offscreen. */
.customer-proof{padding:64px 6vw 80px;background:var(--paper);scroll-margin-top:96px}
.customer-proof-inner{max-width:1100px;margin:0 auto}
.customer-proof-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(32px,6vw,80px);margin-bottom:18px}
.customer-proof-intro h2{max-width:650px;font:400 clamp(38px,4vw,56px)/1.12 var(--serif);letter-spacing:-.04em;text-wrap:balance}
.customer-proof-stat strong{display:block;color:var(--teal);font:400 clamp(56px,5.8vw,76px)/1 var(--serif);letter-spacing:-.04em;white-space:nowrap}
.customer-proof-stat p{max-width:29ch;margin:4px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.proof-rail{--proof-gap:22px;--proof-card-width:calc((100% - var(--proof-gap) - var(--proof-gap))/2.75);position:relative;display:flex;align-items:stretch;gap:var(--proof-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}
.proof-rail::-webkit-scrollbar{display:none;width:0;height:0}
.proof-rail:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.proof-card:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.proof-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.proof-rail.is-dragging a{cursor:grabbing}
.proof-card{flex:0 0 var(--proof-card-width);min-width:0;min-height:270px;display:flex;flex-direction:column;padding:16px;background:#f4f4f0;border:1px solid var(--line);border-radius:12px;box-shadow:none;scroll-snap-align:start;scroll-margin-inline:0}
.customer-proof figure{margin:0}
.customer-proof blockquote{margin:0}
.proof-quote-card blockquote p{font:400 19px/1.45 var(--serif);letter-spacing:-.015em}
.customer-proof-person{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.customer-proof-person img{display:block;width:44px;height:auto;flex:none}
.customer-proof-person>div{display:flex;flex-direction:column;gap:2px}
.customer-proof-name{display:block;font-size:15px;font-weight:600;line-height:1.3}
.customer-proof-category{display:block;font-size:13px;line-height:1.4;color:var(--muted)}
.customer-proof .customer-proof-feature{flex-basis:calc(var(--proof-card-width)*1.5)}
.customer-proof-feature blockquote p{font-size:21px;line-height:1.42;letter-spacing:-.025em}
.proof-video-card>a{display:flex;flex-direction:column;flex:1;min-width:0;border-radius:6px}
.proof-video-poster{display:block;position:relative;flex:none;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#e8e8e3}
.proof-video-poster>img{display:block;width:100%;height:100%;object-fit:cover}
.proof-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #fbfbf9a6;border-radius:50%;background:#fbfbf9eb;color:var(--teal)}
.proof-video-play svg{width:22px;height:22px;margin-left:1px}
.proof-video-card>a:hover .proof-video-play{background:var(--paper);color:#023f42}
.proof-video-attribution{display:flex;flex-direction:column;gap:0;margin-top:auto;padding-top:4px}
.proof-video-title{display:block;margin-top:2px;font-size:13px;line-height:1.3;color:var(--muted)}
.proof-rail-controls{display:flex;justify-content:flex-end;gap:9px;margin:0 0 14px}
.proof-rail-controls[hidden]{display:none}
.proof-rail-controls button{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:1px solid #d8d8d0;border-radius:50%;background:var(--paper);color:var(--teal)}
.proof-rail-controls svg{width:20px;height:20px}
.proof-rail-controls button:hover:not(:disabled){border-color:var(--teal)}
.proof-rail-controls button:disabled{opacity:.35;cursor:default}
.proof-video-dialog{width:min(960px,calc(100% - 40px));max-width:960px;padding:22px;border-radius:12px;overscroll-behavior:contain}
.proof-video-dialog::backdrop{background:#202820b8}
.proof-video-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.proof-video-dialog-header h2{font:500 20px/1.4 var(--serif)}
.proof-video-close{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:26px;line-height:1}
.proof-video-player{aspect-ratio:16/9;background:#1d1d16}
.proof-video-player iframe{display:block;width:100%;height:100%;border:0}
.proof-video-external{display:inline-block;margin-top:17px;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}
html:has(.proof-video-dialog[open]){overflow:hidden;scrollbar-gutter:stable}
@media(max-width:800px){
  .customer-proof{padding:52px 5vw 72px}
  .proof-rail{--proof-gap:16px;--proof-card-width:calc((100% - var(--proof-gap))/1.125)}
  .customer-proof-intro{grid-template-columns:1fr;gap:22px}
  .customer-proof-stat{display:flex;align-items:center;gap:24px}
  .customer-proof-stat strong{font-size:52px}
  .customer-proof-stat p{margin:0}
  .customer-proof .customer-proof-feature{flex-basis:var(--proof-card-width)}
  .customer-proof-feature blockquote p{font-size:20px}
}
@media(max-width:600px){
  .customer-proof{padding:46px 22px 72px;scroll-margin-top:86px}
  .customer-proof-intro{margin-bottom:20px}
  .customer-proof-intro h2{font-size:34px;line-height:1.14}
  .customer-proof-stat{gap:18px}
  .customer-proof-stat strong{font-size:44px}
  .customer-proof-stat p{font-size:16px}
  .customer-proof-person{gap:12px;margin-bottom:16px}
  .proof-quote-card blockquote p{font-size:19px}
  .customer-proof-feature blockquote p{font-size:19px;line-height:1.42}
  .proof-rail-controls button{width:42px;height:42px}
  .proof-video-dialog{width:calc(100% - 24px);padding:14px}
  .proof-video-dialog-header h2{font-size:18px}
}