.testimonials { padding: 110px 32px; }
.testimonials .wrap { max-width: 1180px; }
.testimonials .section-head { max-width: 600px; margin-bottom: 56px; }

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.testimonial-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.testimonial-card.inverted {
  background: var(--ink);
  color: #fff;
  border: none;
}

.stars { display: flex; gap: 3px; color: var(--accent); margin-bottom: 16px; }

.testimonial-quote {
  font-size: 16.5px;
  line-height: 1.6;
  color: #2a2a2f;
  margin: 0;
  flex: 1;
}
.testimonial-card.inverted .testimonial-quote { color: rgba(255, 255, 255, .92); }

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}

.avatar-placeholder {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: repeating-linear-gradient(45deg, #e8e5dd, #e8e5dd 6px, #f3f1eb 6px, #f3f1eb 12px);
}
.testimonial-card.inverted .avatar-placeholder {
  background: repeating-linear-gradient(45deg, #33333a, #33333a 6px, #26262b 6px, #26262b 12px);
}

.author-name { font-size: 14.5px; font-weight: 800; color: var(--ink); }
.testimonial-card.inverted .author-name { color: #fff; }
.author-role { font-size: 13px; color: var(--text-faint); }
.testimonial-card.inverted .author-role { color: rgba(255, 255, 255, .55); }

@media (max-width: 860px) {
  .testimonials-grid { grid-template-columns: 1fr; }
}