/* About page only. Shared header, menu, buttons, footer, section kicker, and headings
   continue to use home.css and gallery.css. */
.about-section .about-content {
  width: min(100%, 920px);
  margin: 0 auto;
  padding: 0 24px 50px;
  line-height: 1.75;
}
.about-content section { margin: 0 0 48px; }
.about-content h3 { margin: 0 0 14px; line-height: 1.3; }
.about-content p { margin: 0 0 16px; }
.about-founder { display: flex; gap: 30px; align-items: flex-start; }
.about-founder__photo { flex: 0 0 350px; margin: 0; text-align: center; }
.about-founder__photo img { display: block; width: 350px; height: auto; max-width: 100%; }
.about-founder__photo figcaption { font-size: .8rem; margin-top: 8px; }
.about-commercial { padding: 28px 32px; background: #f3f5f7; border-left: 4px solid #245a93; border-radius: 0 6px 6px 0; }
.about-signoff { font-weight: 700; font-size: 1.25rem; }
.about-cta { text-align: center; padding: 32px 24px; background: #f3f5f7; border-radius: 8px; }
.about-cta .hero-contact-btn { display: inline-block; }
@media (max-width: 760px) {
  .about-section .about-content { padding: 0 18px 35px; }
  .about-founder { flex-direction: column; gap: 20px; }
  .about-commercial { padding: 22px 20px; }
}