/* Reference-led owner story, scoped to the About page. */
body[data-page="about"] .about-why-section { padding-block: clamp(40px, 5vw, 76px); background: #fff; }
body[data-page="about"] .about-why { grid-template-columns: .85fr 1.65fr; gap: clamp(24px, 3vw, 48px); align-items: center; }
body[data-page="about"] .about-why-copy { position: relative; z-index: 1; }
body[data-page="about"] .about-why .eyebrow { color: #2385ff; margin-bottom: 22px; }
body[data-page="about"] .about-why h2 { color: #091e40; font-size: clamp(2.25rem, 3.5vw, 3.55rem); line-height: 1.08; letter-spacing: -.04em; margin-bottom: 24px; }
body[data-page="about"] .about-why .lead { color: #65748b; font-size: clamp(.95rem, 1.15vw, 1.15rem); line-height: 1.55; margin: 0; }
body[data-page="about"] .about-owner-visual { margin: 0; min-width: 0; }
body[data-page="about"] .about-owner-visual img { width: 100%; height: auto; display: block; }
@media (max-width: 800px) {
  body[data-page="about"] .about-why { grid-template-columns: 1fr; gap: 26px; }
  body[data-page="about"] .about-why-copy { max-width: 620px; }
  body[data-page="about"] .about-why h2 { font-size: clamp(2rem, 7vw, 3rem); max-width: 18ch; }
  body[data-page="about"] .about-why .eyebrow { margin-bottom: 16px; }
}