/* =============================================================
   Homepage-specific styles
   Only rules unique to the homepage live here. Everything else
   reuses the shared component + layout classes.
   ============================================================= */

/* --- Value band: "Where Academic Excellence Meets..." --------- */
.value-band { text-align: center; }
.value-band .container { max-width: 46rem; }
.value-band h2 { margin-bottom: var(--space-3); }

/* --- Meet the mentor split ------------------------------------ */
.mentor__portrait .media-frame--placeholder { aspect-ratio: 3 / 4; }
.mentor__role {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--type-small);
  color: var(--colour-ink-muted);
  margin-top: var(--space-3);
}
.mentor__credentials {
  list-style: none;
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.mentor__credentials li {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
  font-size: var(--type-small);
  color: var(--colour-ink-muted);
}
.mentor__credentials svg {
  width: 20px; height: 20px; flex: none;
  color: var(--colour-gold-deep);
  margin-top: 2px;
}

/* --- Who we help ---------------------------------------------- */
.audience-grid { display: grid; gap: var(--space-3); grid-template-columns: 1fr; }
@media (min-width: 640px) { .audience-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .audience-grid { grid-template-columns: repeat(4, 1fr); } }
.audience {
  border: 1px solid var(--colour-line);
  border-radius: var(--radius-card);
  padding: var(--space-3);
  background: var(--colour-white);
  text-align: center;
}
.audience__label {
  font-family: var(--font-display);
  font-size: var(--type-h3);
  color: var(--colour-ink);
  margin-bottom: 0.25rem;
}
.audience__text { font-size: var(--type-caption); color: var(--colour-ink-muted); }

/* --- Testimonials placeholder ("Success Stories Coming Soon") -- */
.testimonials-soon {
  text-align: center;
  max-width: 46rem;
  margin-inline: auto;
}
.testimonials-soon .rule-diamond { margin-bottom: var(--space-4); }
.testimonials-soon h2 { margin-bottom: var(--space-2); }

/* --- FAQ preview footer link --------------------------------- */
.faq-preview__footer { text-align: center; margin-top: var(--space-5); }

/* --- Consultation section (dark) ----------------------------- */
.consultation__grid {
  display: grid;
  gap: var(--space-6);
  grid-template-columns: 1fr;
  align-items: start;
}
@media (min-width: 900px) {
  .consultation__grid { grid-template-columns: 0.9fr 1.1fr; gap: var(--space-7); }
}
.consultation__intro .lead { margin-bottom: var(--space-4); }
.consultation__contact { display: grid; gap: var(--space-2); margin-top: var(--space-4); font-size: var(--type-small); }
.consultation__contact a { color: var(--colour-gold); }
.consultation__contact a:hover { text-decoration: underline; }