.quote-options { margin-top: 96px; scroll-margin-top: 90px; }
.customer-stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.customer-story { min-width: 0; margin: 0; overflow: hidden; border-radius: 28px; }
.customer-story img { display: block; width: 100%; height: auto; }
.customer-story blockquote { margin: 0; font: 600 clamp(1rem, 1.5vw, 1.5rem)/1.4 "Onest", sans-serif; letter-spacing: -.025em; }
.customer-story cite { display: block; margin-top: 24px; font: 800 .75rem/1.5 "Manrope", sans-serif; font-style: normal; }
.customer-story cite span { display: block; font-size: .65rem; font-weight: 500; opacity: .75; }


.quote-treatment--split .customer-stories { grid-template-columns: 1fr; gap: 32px; }
.quote-treatment--split .customer-story { display: grid; grid-template-columns: 1fr 1fr; background: #f0f4f8; }
.quote-treatment--split img { height: 100%; min-height: 380px; max-height: 510px; object-fit: cover; }
.quote-treatment--split .customer-story--vivo img { order: 2; object-position: 50% 68%; }
.quote-treatment--split figcaption { padding: clamp(28px, 4vw, 60px); align-self: center; }
.quote-treatment--split blockquote { font-size: clamp(1.35rem, 2.15vw, 2.25rem); line-height: 1.35; }

@media (max-width: 760px) {
  .quote-options { margin-top: 60px; }
  .customer-stories { grid-template-columns: 1fr; gap: 24px; }
  .customer-story { border-radius: 22px; }
  .quote-treatment--split figcaption { padding: 28px; }
  .quote-treatment--split .customer-story { grid-template-columns: 1fr; }
  .quote-treatment--split img { min-height: 0; height: auto; max-height: none; }
  .quote-treatment--split .customer-story--vivo img { order: 0; }
}