.testimonial-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.testimonial-viewport { --visible-testimonials: 3; }
.is-carousel .testimonial-viewport { overflow: hidden; touch-action: pan-y; }
.is-carousel .testimonial-grid { display: flex; gap: 22px; will-change: transform; }
.is-carousel .testimonial-grid.is-moving { transition: transform 550ms cubic-bezier(.22, .61, .36, 1); }
.is-carousel .testimonial-card { flex: 0 0 calc((100% - 44px) / 3); min-width: 0; }
.testimonial-card { border-top: 3px solid #b78ad1; }
.testimonial-card .quote-mark { height: 36px; }
.testimonial-card blockquote { margin: 14px 0 18px; line-height: 1.7; }
.testimonial-card .testimonial-event { margin-bottom: 20px; }
.testimonial-card figcaption { display: grid; grid-template-columns: minmax(0, 1fr) clamp(100px, 9vw, 130px); align-items: center; gap: 18px; padding-top: 18px; }
.testimonial-author { min-width: 0; }
.testimonial-logo-space { display: flex; align-items: center; justify-content: flex-end; min-height: 96px; }
/* Keep the complete marks visible while omitting empty margins in the square source images. */
.testimonial-card figcaption .testimonial-company-logo { display: block; width: 100%; height: 64px; object-fit: cover; object-position: center; border: 0; border-radius: 0; background: transparent; }
.testimonial-card figcaption .testimonial-company-logo.logo-nastel { height: 96px; object-fit: contain; }
.testimonial-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-top: 24px; }
.testimonial-controls[hidden] { display: none; }
.testimonial-controls button { min-height: 44px; border: 1px solid #d7bfe7; background: #fff8ff; color: #6027a5; border-radius: 6px; }
.testimonial-controls button:hover { background: #eee0fc; }
.testimonial-autoplay { padding: 10px 17px; font-size: 15px; }
.testimonial-autoplay:disabled { cursor: default; color: #715d7d; }
.testimonial-navigation { display: flex; gap: 10px; align-items: center; }
.testimonial-navigation button { width: 44px; font-size: 24px; }
.testimonial-position { font-size: 14px; color: #79518d; margin-right: 12px; font-variant-numeric: tabular-nums; }
.testimonial-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 960px) {
  .testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .testimonial-viewport { --visible-testimonials: 2; }
  .is-carousel .testimonial-card { flex-basis: calc((100% - 22px) / 2); }
}
@media (max-width: 640px) {
  .testimonial-grid { grid-template-columns: 1fr; }
  .testimonial-viewport { --visible-testimonials: 1; }
  .is-carousel .testimonial-grid { gap: 16px; }
  .is-carousel .testimonial-card { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .is-carousel .testimonial-grid.is-moving { transition: none; }
}