/* "In their words" on the landing page (#kind-words), filled by testimonials.js. Uses the landing page's tokens
   (--glass, --hair, --sub, --faint, --ice) and its .glass card. */

.testimonials .quotes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 18px; }
.testimonials .quote { margin: 0; padding: 26px 26px 22px; display: flex; flex-direction: column; gap: 18px; }
.testimonials blockquote { margin: 0; }
.testimonials blockquote p { margin: 0; color: var(--text); font: 300 19px/1.5 "Space Grotesk", system-ui, sans-serif; letter-spacing: -.005em; }
.testimonials blockquote p::before { content: "“"; }
.testimonials blockquote p::after { content: "”"; }
.testimonials figcaption { margin-top: auto; }
.testimonials cite { font: 500 13px/1.4 "DM Sans", system-ui, sans-serif; font-style: normal; letter-spacing: .04em; color: var(--sub); }
.testimonials cite::before { content: "— "; color: var(--faint); }