/* About page sections (Figma 449:1252 → 450:364). Shared sections are in sections.css. */

/* The About hero has its button under the intro and no bottom row. */
.hero--short .hero__content { padding-bottom: 120px; }
.hero--short .hero__copy { max-width: 521px; }

/* ---------- Statement: "The heart of Radian…" ---------- */
.statement { background: #fff; padding-block: 200px; }
.statement__inner { display: flex; flex-direction: column; align-items: flex-start; gap: 36px; }
.statement__inner h2 { max-width: 874px; }
.statement h2 { font-size: 48px; line-height: 1; letter-spacing: 0.01em; color: var(--heading-green); text-box: trim-both cap alphabetic; }
.statement p { max-width: 840px; font-size: 20px; line-height: 1.3; color: var(--ink-soft); opacity: 0.85; }

@media (max-width: 1100px) {
  .statement { padding-block: var(--section-space); }
}
@media (max-width: 760px) {
  .statement h2 { font-size: 30px; line-height: 1.1; }
  .statement p { font-size: 17px; }
}