#about-story { background: #fff; }
.about-story-hero { padding: clamp(36px, 6vw, 80px) 0; background: linear-gradient(135deg, #eef6fc, #fff 75%); border-bottom: 1px solid var(--navy-600); }
.about-story-intro { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: clamp(28px, 5vw, 72px); }
.about-story-intro h1 { font-size: clamp(44px, 5.6vw, 76px); line-height: 1.12; margin-bottom: 28px; }
.about-story-intro p, .about-story-body p { font-size: 1.0625rem; line-height: 1.85; }
.about-story-intro blockquote { margin: 28px 0; padding-left: 22px; border-left: 3px solid #c63727; color: var(--ink); font-size: 1.12rem; line-height: 1.75; }
.about-story-photo { margin: 0; }
.about-story-photo img { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 18px 45px rgba(20, 40, 61, .12); }
.about-story-photo figcaption { margin-top: 16px; color: var(--ink-muted); font-size: .875rem; line-height: 1.6; }
.about-story-body { max-width: 760px; padding-top: clamp(36px, 5vw, 72px); padding-bottom: 12px; }
.about-story-body p { margin-bottom: 26px; }
.about-story-body .about-story-closing { color: var(--ink); font-size: 1.4rem; font-weight: 600; }
.about-story-postscript { margin: 38px 0 22px; padding: 24px 28px; border-left: 3px solid #c63727; background: #fff6ef; border-radius: 0 12px 12px 0; }
.about-story-postscript p { margin: 0; }
.about-story-signature { font-weight: 600; color: var(--ink); }
#about-story .cta-band .lead { margin: 0 auto 24px; }
#about-story .cta-band .btn { margin: 5px; }
@media (max-width: 760px) {
  .about-story-intro { grid-template-columns: 1fr; }
  .about-story-photo { max-width: 480px; margin-inline: auto; }
  .about-story-postscript { padding: 20px; }
}