/* Homepage Client Stories only. Existing card colors and typography are inherited. */
#testimonials .stories-velocity { margin-top:4rem;position:relative }
#testimonials .stories-velocity__viewport {
  --velocity-card-width:min(340px,82vw);--velocity-gap:24px;
  position:relative;overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-x:contain;scrollbar-width:none;padding:36px 0 44px;
}
#testimonials .stories-velocity__viewport::-webkit-scrollbar { display:none }
#testimonials .stories-velocity__track { display:flex;gap:var(--velocity-gap);align-items:stretch }
#testimonials [data-velocity-card] {
  width:var(--velocity-card-width);flex:0 0 var(--velocity-card-width);
  display:flex;flex-direction:column;transform-origin:center;
}
#testimonials [data-velocity-card] .story-card-body { flex:1;padding:24px 24px 20px }
#testimonials [data-velocity-card] .story-foot { padding:16px 24px;border:0 }
html[data-theme] body.home #testimonials [data-velocity-card] {
  min-height:320px;border:0!important;border-radius:36px!important;
  box-shadow:0 12px 28px -20px rgba(12,33,38,.28)!important;
  cursor:pointer;
}
html[data-theme] body.home #testimonials [data-velocity-card].is-selected {
  box-shadow:0 24px 42px -19px rgba(12,33,38,.38)!important;
  user-select:text;
}
#testimonials .stories-velocity.is-ready [data-velocity-card]:not(.is-selected) .story-card-body,
#testimonials .stories-velocity.is-ready [data-velocity-card]:not(.is-selected) .story-foot { opacity:.6 }
#testimonials .stories-velocity.is-ready .stories-velocity__viewport { overflow:hidden;cursor:grab;touch-action:pan-y }
#testimonials .stories-velocity.is-ready .stories-velocity__track { position:relative;display:block }
#testimonials .stories-velocity.is-ready [data-velocity-card] {
  position:absolute;left:0;top:0;height:100%;margin:0;
  transition:none;will-change:transform,opacity;user-select:none;
}
#testimonials .stories-velocity.is-dragging .stories-velocity__viewport { cursor:grabbing }
#testimonials .stories-velocity__controls { display:none;align-items:center;justify-content:center;gap:12px;margin-top:1rem }
#testimonials .stories-velocity.is-ready .stories-velocity__controls { display:flex }
#testimonials .stories-velocity__controls .stories-dots { margin:0;gap:0;align-items:center }
#testimonials .stories-velocity__controls .story-dot {
  width:28px;height:44px;padding:0;position:relative;background:transparent;border:0;
}
#testimonials .stories-velocity__controls .story-dot::before {
  content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;
  transform:translate(-50%,-50%);background:currentColor;opacity:.3;
  transition:width .2s,opacity .2s;
}
#testimonials .stories-velocity__controls .story-dot.active::before { width:20px;opacity:1;background:var(--section-accent,var(--cyan)) }
#testimonials .stories-velocity__arrow {
  display:grid;place-items:center;min-width:44px;height:44px;padding:0;
  border:1px solid var(--section-border,var(--border));background:transparent;
  color:inherit;cursor:pointer;font:inherit;font-size:22px;
}
#testimonials .stories-velocity button:hover { color:var(--section-accent,var(--cyan)) }
#testimonials .stories-velocity :focus-visible { outline:2px solid var(--section-accent,var(--cyan));outline-offset:3px }
#testimonials .velocity-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0 }
@media(max-width:600px) {
  #testimonials .stories-velocity__viewport { --velocity-card-width:min(290px,72vw);--velocity-gap:12px }
  #testimonials .stories-velocity__controls { gap:3px }
  #testimonials .stories-velocity__controls .story-dot { width:23px }
}
@media(max-width:380px) {
  #testimonials .stories-velocity__controls { gap:0 }
  #testimonials .stories-velocity__controls .story-dot { width:20px }
}
@media(prefers-reduced-motion:reduce) {
  #testimonials .stories-velocity__controls .story-dot::before { transition:none }
}
