section { position: relative; z-index: 1; }
/* Masthead height and the hero pattern now live in global.css (inner-page masthead).
   They used to be duplicated here; the bare min-height had no media query and beat
   global's own mobile rule at every width. Do not re-add them. */
.page-hero-content p { font-family: 'Source Sans 3', sans-serif; font-size: 22px; font-weight: 400; color: #ffffff; }

/* The STATS BAR rules that stood here were removed with the band itself
   (Jacq, 3 Aug 2026). Deleted rather than left behind: the .reviews-stat*
   classes existed for that one block and nothing else uses them, so keeping
   them would have handed the dead-CSS sweep another false lead. */

/* ── REVIEWS MASONRY ── */
.reviews-section {
  padding: 80px 0 96px;
  background: var(--off-white);
  background-image: url('../images/bg-pattern.svg');
  background-repeat: repeat;
}
.reviews-grid {
  columns: 3;
  column-gap: 24px;
}
.review-card {
  break-inside: avoid;
  background: #fff;
  border-radius: var(--radius);
  padding: 28px;
  margin-bottom: 24px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07);
  border: 1px solid rgba(0,0,0,0.05);
}
.review-tour-label {
  display: block;
  font-family: var(--font-card); font-size: 13px; font-weight: 400;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--navy);
  background: rgba(168, 168, 168, 0.1); border-radius: 4px;
  padding: 10px 14px; margin-bottom: 18px;
}
.review-stars {
  color: var(--cerise); font-size: 16px; letter-spacing: 2px; margin-bottom: 14px;
}
.review-quote {
  font-family: var(--font-body); font-size: 18px; color: #000000;
  line-height: 1.65; margin-bottom: 20px;
  font-style: italic;
}
.review-footer {
  display: flex; align-items: center; gap: 12px;
}
.review-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  background: linear-gradient(135deg, #212B45, #5D0024); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-card); font-size: 14px; font-weight: 400;
  flex-shrink: 0;
}
.review-name {
  font-family: var(--font-card); font-size: 14px; font-weight: 400;
  color: #000000;
}
.review-location {
  font-family: var(--font-card); font-size: 12px; font-weight: 400; color: #A8A8A8;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .reviews-grid { columns: 2; }
}

@media (max-width: 768px) {
  .reviews-section { padding: 56px 0 72px; }
  .reviews-grid { columns: 1; }
  .review-quote { font-size: 17px; }
}

@media (max-width: 480px) {
  .review-card { padding: 22px; }
}