.page-heading.about-heading { width: 100%; max-width: none; text-align: center; }
.about-heading h1, .about-heading p { margin-inline: auto; }
.about.about-balanced { display: block; }
.about-team { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin-bottom: 44px; }
.about-person { min-width: 0; text-align: center; }
.about-person img { display: block; width: 180px; max-width: 100%; height: 270px; object-fit: cover; object-position: center top; margin: 0 auto 18px; }
.about-person h3 { font: 30px/1.2 var(--serif); color: var(--gold); margin-bottom: 12px; }
.about-person p { max-width: 480px; margin-inline: auto; color: var(--muted); }
.about-salon { max-width: 1000px; margin-inline: auto; }
@media (min-width: 601px) {
  .about-team { max-width: 640px; margin-inline: auto; gap: 24px; }
}
@media (max-width: 600px) {
  .about-team { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-bottom: 32px; }
  .about-person img { margin-bottom: 14px; }
}
