<section id="testimonials">
  <div class="container">
    <div class="testimonials-header fade-up">
      <div class="section-eyebrow">Client Voices</div>
      <h2>What Our Clients Say</h2>
      <p style="color:var(--stone); font-size:15px; margin-top:8px;">We let our work — and our clients — speak for us.</p>
    </div>
    <div class="testimonials-grid">
      <div class="testimonial-card fade-up">
        <div class="stars">★★★★★</div>
        <p class="testimonial-quote">"Solid Construction delivered our office tower 3 weeks ahead of schedule. Their project management is exceptional — every phase communicated transparently, every commitment honored."</p>
        <div class="testimonial-author"><div class="testimonial-avatar">JM</div><div><div class="testimonial-name">Jean-Marie Habimana</div><div class="testimonial-company">CEO, Kigali Investments Ltd</div></div></div>
      </div>
      <div class="testimonial-card fade-up">
        <div class="stars">★★★★★</div>
        <p class="testimonial-quote">"From the foundation to the last coat of paint, the quality was impeccable. Our luxury villas exceeded buyer expectations — we've already commissioned Phase II."</p>
        <div class="testimonial-author"><div class="testimonial-avatar">AM</div><div><div class="testimonial-name">Amina Mukamana</div><div class="testimonial-company">Director, Premier Homes Rwanda</div></div></div>
      </div>
      <div class="testimonial-card fade-up">
        <div class="stars">★★★★★</div>
        <p class="testimonial-quote">"We needed a contractor who understood government compliance, timelines, and community impact. Solid Construction ticked every box and then some. A truly professional outfit."</p>
        <div class="testimonial-author"><div class="testimonial-avatar">PN</div><div><div class="testimonial-name">Patrick Nkurunziza</div><div class="testimonial-company">Infrastructure Director, MININFRA</div></div></div>
      </div>
    </div>
  </div>
</section>

<style>
#testimonials { padding: 120px 0; background: var(--charcoal); }
.testimonials-header { margin-bottom: 64px; }
.testimonials-header h2 { font-size: clamp(40px, 4vw, 60px); color: var(--white); margin-bottom: 16px; }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.testimonial-card { background: var(--charcoal-mid); padding: 48px 36px; position: relative; }
.testimonial-card::before { content: '"'; font-family: 'DM Serif Display', serif; font-size: 120px; color: var(--gold); opacity: 0.15; position: absolute; top: 8px; left: 28px; line-height: 1; }
.testimonial-quote { font-size: 16px; font-style: italic; color: var(--stone-light); line-height: 1.8; margin-bottom: 32px; position: relative; z-index: 1; }
.testimonial-author { display: flex; align-items: center; gap: 16px; }
.testimonial-avatar { width: 48px; height: 48px; background: var(--gold); display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 20px; color: var(--charcoal); flex-shrink: 0; }
.testimonial-name { font-weight: 600; font-size: 15px; color: var(--white); }
.testimonial-company { font-size: 12px; color: var(--gold); letter-spacing: 0.08em; margin-top: 2px; }
.stars { color: var(--gold); font-size: 14px; margin-bottom: 20px; letter-spacing: 2px; }
@media (max-width: 1024px) { .testimonials-grid { grid-template-columns: 1fr; } }
</style>