/* ==========================================================================
   Réalisations page
   ========================================================================== */

.realisations-hero { padding-top: var(--space-8); padding-bottom: var(--space-7); }
.realisations-hero h1 { max-width: 20ch; margin-top: var(--space-4); }

.ba-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
}
.ba-grid__item h3 { font-size: var(--text-base); margin-top: var(--space-4); }
.ba-grid__item p { font-size: var(--text-sm); color: var(--ink-faint); }

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

.rating-summary {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  margin-bottom: var(--space-7);
  flex-wrap: wrap;
}
.rating-summary__score {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  color: var(--ink);
}
.rating-summary__stars { color: var(--accent-dark); display: flex; gap: 2px; }
.rating-summary__meta { font-size: var(--text-sm); color: var(--ink-faint); }

.review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-6);
}
@media (max-width: 700px) {
  .review-grid { grid-template-columns: 1fr; }
}