.testimonial-example { padding-block: clamp(72px, 9vw, 132px); border-top: 1px solid var(--line); }
.testimonial-disclosure { text-align: center; color: var(--muted); font-size: 13px; margin-bottom: 30px; }
.testimonial-quote { margin: 0; }
.testimonial-quote blockquote { margin: 0; }
.testimonial-quote-text, .testimonial-quote-visual { margin: 0 auto; text-align: center; max-width: 1100px; font: 500 clamp(40px, 3.7vw, 54px)/1.2 var(--display); letter-spacing: -.035em; color: #4056a4; }
.testimonial-quote-visual span { color: #ded8cd; transition: color 100ms linear; }
.testimonial-quote-visual span.is-read { color: #4056a4; }
.testimonial-enhanced .testimonial-quote-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.testimonial-person { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 36px; }
.testimonial-avatar { display: block; width: 72px; height: 72px; flex: 0 0 72px; border-radius: 50%; object-fit: cover; background: #e4e7f1; }
.testimonial-person-name { font-size: 18px; color: var(--ink); font-weight: 600; }
.testimonial-person-role { font-size: 14px; color: var(--muted); margin-top: 4px; }
@media(max-width:760px) {
  .testimonial-quote-text, .testimonial-quote-visual { font-size: 28px; line-height: 1.25; }
  .testimonial-disclosure { text-align: center; font-size: 12px; margin-bottom: 24px; }
  .testimonial-person { gap: 14px; margin-top: 28px; }
  .testimonial-person-role { font-size: 13px; }
}
@media(prefers-reduced-motion:reduce) { .testimonial-quote-visual span { color: #4056a4; transition: none; } }

.testimonial-avatar-crop { position:relative; overflow:hidden; }
.testimonial-avatar-crop img { position:absolute; width:576px; height:432px; max-width:none; left:-420px; top:-95px; }
