/* Founder content only; shared by the homepage and About page. */
.founder-section { padding-block: 70px 80px; border-top: 1px solid var(--landing-line); }
.founder-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.founder-card { min-width: 0; padding: 32px; border: 1px solid #2b444b; border-radius: 18px; background: #0a1418; }
.founder-card .founder-role { color: #86d9e3; font-size: .78rem; letter-spacing: .06em; margin: 0 0 12px; }
.founder-card h3 { font-size: 1.7rem; margin-bottom: 18px; }
.founder-card p:not(.founder-role) { color: #b8c9d0; line-height: 1.8; margin-bottom: 0; }
.founder-card p + p:not(.founder-role) { margin-top: 16px; }
.founder-about-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 24px; }
.founder-headshot img { display: block; width: 128px; height: 128px; object-fit: cover; border-radius: 12px; margin-bottom: 24px; }
.founder-standard { margin-top: 32px; }
.founder-standard h3 { font-size: 1.25rem; }
.founder-standard p, .founder-principle { color: #b8c9d0; line-height: 1.8; }
.about-story { padding-bottom: 60px; }
.about-story h2 { font-size: clamp(1.8rem, 4vw, 2.6rem); }
.about-story p { max-width: 760px; color: #b8c9d0; line-height: 1.8; margin-top: 20px; }
.about-page .about-hero { padding-block: 68px 60px; max-width: 1240px; }
.about-page .about-hero h1 { max-width: 20ch; }
.about-page .about-hero .landing-lede { max-width: 680px; }
.about-principles { padding-block: 70px; border-top: 1px solid var(--landing-line); }
.about-principles-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; margin-top: 36px; }
.about-principles-grid article { border-top: 1px solid #2b444b; padding-top: 24px; }
.about-principles-grid h3 { font-size: 1.25rem; }
.about-principles-grid p { color: #b8c9d0; line-height: 1.8; }
.about-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; border: 1px solid #2b444b; border-radius: 18px; background: #0a1418; padding: 36px; margin-bottom: 72px; }
.about-contact h2 { font-size: clamp(2rem, 4vw, 3rem); }
.about-contact p { color: #b8c9d0; line-height: 1.8; }
.about-contact a:not(.landing-button) { color: #91e5ef; text-decoration: underline; text-underline-offset: 4px; }
.about-contact .contact-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
@media (max-width: 760px) {
  .founder-section, .about-principles { padding-block: 48px; }
  .founder-grid, .about-principles-grid, .about-contact { grid-template-columns: 1fr; gap: 24px; }
  .founder-card, .about-contact { padding: 24px; }
  .about-page .about-hero { padding-block: 40px; }
  .about-contact { margin-bottom: 48px; }
}