/* Signature Edge Realty International — V109.5 About typography refinement
   Direction: keep the About page visually consistent with the restrained
   V101/V101.1 homepage scale, but make this text-heavy page denser so the
   headings do not dominate the content. */

.about-page-hero,
.about-broker-section,
.about-values-section,
.about-background-section,
.about-contact-section,
.about-contact-form,
.about-contact-form input,
.about-contact-form textarea,
.about-contact-form button {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

/* About is a content page, not a billboard. */
.about-page-hero {
  padding-top: clamp(58px, 6vw, 82px) !important;
  padding-bottom: clamp(58px, 6vw, 82px) !important;
}
.about-page-hero h1 {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(1.9rem, 2.45vw, 2.4rem) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -.03em !important;
  margin-bottom: 12px !important;
  max-width: 760px;
}
.about-page-hero p {
  font-size: .96rem !important;
  line-height: 1.6 !important;
  max-width: 680px;
}

/* Compact section label — same visual language as the homepage. */
.about-page-hero .eyebrow,
.about-broker-section .eyebrow,
.about-values-section .eyebrow,
.about-background-section .eyebrow,
.about-contact-section .eyebrow {
  font-size: .76rem !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  line-height: 1.2 !important;
  margin-bottom: 13px !important;
  text-transform: uppercase;
}

/* About headings intentionally sit slightly below the homepage section-title
   ceiling because there are several headings close together on this page. */
.about-broker-copy h2,
.about-values-section h2,
.about-background-section h2,
.about-contact-section h2 {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(1.65rem, 2vw, 2rem) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -.028em !important;
}
.about-broker-copy h2 { margin-bottom: 6px !important; }

/* Card/subsection headings. */
.about-values-grid h3 {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(1.18rem, 1.35vw, 1.38rem) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -.018em !important;
}

/* Body copy: close to the homepage body size, never enlarged as a lead. */
.about-page-hero p,
.about-broker-copy p,
.about-section-heading p,
.about-values-grid p,
.about-background-copy p,
.about-contact-section p {
  font-size: .96rem !important;
  line-height: 1.62 !important;
}
.about-intro {
  color: var(--ser-charcoal);
  font-size: .98rem !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
}
.about-broker-title {
  font-size: .74rem !important;
  font-weight: 700 !important;
  letter-spacing: .085em !important;
  line-height: 1.35 !important;
  margin-bottom: 19px !important;
}
.about-value-number {
  font-size: .72rem !important;
  margin-bottom: 34px !important;
}
.about-values-grid article {
  min-height: 250px !important;
  padding: 32px 30px !important;
}
.about-values-grid {
  margin-top: 38px !important;
}

.about-contact-details { margin-top: 22px !important; }
.about-contact-details a {
  font-size: .96rem !important;
  font-weight: 700;
}
.about-contact-form { padding: 32px !important; }
.about-contact-form label {
  font-size: .78rem !important;
  font-weight: 650;
}
.about-contact-form input,
.about-contact-form textarea {
  font-size: .96rem !important;
  line-height: 1.45 !important;
}
.about-broker-actions { margin-top: 26px !important; }
.about-broker-actions .btn,
.about-contact-form .btn {
  font-size: .76rem !important;
  font-weight: 750;
  letter-spacing: .045em;
}
.about-broker-actions .text-link {
  font-size: .84rem !important;
  font-weight: 700;
}

/* Keep the page's vertical rhythm closer to the homepage rather than the old
   oversized About-page treatment. */
.about-broker-section,
.about-values-section,
.about-background-section,
.about-contact-section {
  padding-top: clamp(58px, 6vw, 86px) !important;
  padding-bottom: clamp(58px, 6vw, 86px) !important;
}

@media (max-width: 700px) {
  .about-page-hero h1 {
    font-size: clamp(1.78rem, 7.2vw, 2.12rem) !important;
  }
  .about-broker-copy h2,
  .about-values-section h2,
  .about-background-section h2,
  .about-contact-section h2 {
    font-size: clamp(1.5rem, 6vw, 1.82rem) !important;
  }
  .about-page-hero p,
  .about-broker-copy p,
  .about-section-heading p,
  .about-values-grid p,
  .about-background-copy p,
  .about-contact-section p,
  .about-contact-form input,
  .about-contact-form textarea {
    font-size: .96rem !important;
  }
  .about-contact-form { padding: 26px 20px !important; }
}