/* About / Leadership page. Pairs with /styles.css, which supplies the shared
   header, footer, buttons, section-head, eyebrow, about-meta, and steps styles. */

.about-page { background: var(--paper); }
.about-page .page-intro { padding: clamp(48px, 7vw, 84px) 0 clamp(8px, 2vw, 16px); }
.about-page .page-intro h1 { font-size: clamp(2rem, 4.4vw, 2.9rem); line-height: 1.12; }
.about-page .page-intro .lead {
  max-width: 60ch; margin-top: 1rem; font-size: clamp(1.05rem, 2vw, 1.22rem);
  line-height: 1.55; color: #41454b;
}

/* Founder card */
.founder { padding: clamp(32px, 5vw, 56px) 0; }
.founder-card {
  display: grid; grid-template-columns: 220px 1fr; gap: clamp(1.6rem, 4vw, 3rem);
  align-items: start; background: var(--paper); border: 1px solid var(--line);
  border-radius: 14px; padding: clamp(1.6rem, 3vw, 2.4rem);
}
.founder-photo {
  width: 220px; height: 264px; object-fit: cover; border-radius: 10px;
  border: 1px solid var(--line-strong); background: var(--sand); display: block;
}
.founder-id { margin-bottom: 1.1rem; }
.founder-id .f-name { font-family: var(--display); font-weight: 600; font-size: 1.5rem; color: var(--navy); letter-spacing: -0.02em; }
.founder-id .f-role { display: block; margin-top: .25rem; color: var(--brass-deep); font-weight: 600; font-size: .92rem; letter-spacing: 0.04em; text-transform: uppercase; }
.founder-bio p { color: #41454b; line-height: 1.7; margin: 0 0 1rem; }
.founder-bio p:last-child { margin-bottom: 0; }
.founder-links { margin-top: 1.3rem; display: flex; gap: 1rem; flex-wrap: wrap; }
.founder-links a { color: var(--brass-deep); font-weight: 600; font-size: .92rem; }
.founder-links a:hover { text-decoration: underline; }

/* Visible draft marker — must be removed before this page ships (DoR: no placeholders). */
.draft-note {
  border: 1px dashed var(--brass-deep); background: #fbf3e2; color: #6b541f;
  border-radius: 8px; padding: .7rem .9rem; font-size: .9rem; line-height: 1.5; margin: 0 0 1rem;
}

/* Reuse about-meta + section-head from styles.css for the entity / mission blocks */
.about-page .entity { padding: clamp(32px, 5vw, 56px) 0; background: var(--ivory); }
.about-page .entity-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.about-page .about-body { color: #41454b; margin-top: 1.1rem; line-height: 1.7; }
.about-page .cta-row { padding: clamp(32px, 5vw, 56px) 0 clamp(48px, 7vw, 80px); }

@media (max-width: 720px) {
  .founder-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .founder-photo { width: 100%; max-width: 260px; height: auto; aspect-ratio: 5 / 6; }
  .founder-links { justify-content: center; }
  .founder-bio p { text-align: left; }
  .about-page .entity-grid { grid-template-columns: 1fr; }
}