/* About & Governance: editorial compositions using the shared YMEF foundation. */
.about-hero h1 { max-width: 24ch; }
.institutional-values { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin: var(--space-4) 0 0; padding: var(--space-3) 0 0; border-top: 1px solid var(--line); }
.institutional-values li { color: var(--accent); line-height: var(--line-body); }
.heritage-section { --accent: var(--muted-on-dark); --muted: var(--muted-on-dark); background: var(--dark); color: var(--on-dark); }
/* Founder experience is distinct from Board and operational leadership. */
.founder-section { container: founder-profile-layout / inline-size; border-bottom: 1px solid var(--line); }
.founder-profile { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .42fr); gap: var(--layout-gap); align-items: start; }
.founder-copy { min-width: 0; container: founder-layout / inline-size; }
.founder-portrait { width: min(100%, 360px); justify-self: end; }
.founder-portrait img { width: 100%; height: auto; border: 1px solid var(--line); }
.founder-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); align-items: start; }
.founder-intro > .lead { max-width: 58ch; color: var(--muted); }
.founder-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-5); }
.founder-pillar { min-width: 0; padding-top: var(--space-3); border-top: 1px solid var(--line); }
.founder-pillar-heading { display: flex; align-items: center; gap: var(--space-2); }
.founder-icon { flex: 0 0 auto; width: 1.75rem; height: 1.75rem; color: var(--accent); }
.founder-affiliation { margin-top: var(--space-2); color: var(--accent); font-size: var(--type-small); }
.founder-biography { max-width: 62ch; margin-top: var(--space-3); color: var(--muted); }
.founder-biography p + p { margin-top: var(--space-3); }
.founder-synthesis { margin-top: var(--space-5); padding-top: var(--space-4); border-top: 2px solid var(--gold); }
.founder-convergence { max-width: 65ch; color: var(--muted); }
.founder-lessons { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-4) 0; padding: 0; }
.founder-lessons li { min-width: 0; max-width: 38ch; font-size: var(--type-lead); line-height: 1.55; }
.founder-lessons strong { display: block; color: var(--accent); font-weight: 550; }
.founder-purpose { max-width: 65ch; }
.founder-purpose > .lead { font-weight: 500; }
.founder-purpose > p + p { margin-top: var(--space-2); color: var(--muted); }
@container founder-layout (max-width: 48rem) {
  .founder-intro, .founder-pillars, .founder-lessons { grid-template-columns: minmax(0, 1fr); }
  .founder-intro { gap: var(--space-3); }
  .founder-pillars { gap: var(--space-4); }
}
@container founder-layout (max-width: 20rem) {
  .founder-pillar-heading { flex-direction: column; align-items: flex-start; gap: var(--space-1); }
}
@container founder-profile-layout (max-width: 40rem) {
  .founder-profile { grid-template-columns: minmax(0, 1fr); }
  .founder-portrait { width: min(100%, 240px); justify-self: start; }
}
.institutional-scope { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: var(--layout-gap); margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--line); }
.institutional-scope > p { color: var(--muted); max-width: 80ch; }
.governance-section { background: var(--surface); border-block: 1px solid var(--line); }
.governance-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--layout-gap); }
.governance-area { min-width: 0; padding-top: var(--space-3); border-top: 1px solid var(--line); }
.governance-area > .eyebrow { margin-bottom: var(--space-3); color: var(--accent); }
.governance-area > p:not(.eyebrow) { margin-top: var(--space-3); color: var(--muted); }
.governance-area .concept-figure { margin-top: var(--space-4); }
.governance-responsibilities { margin-top: var(--space-4); }
.governance-responsibilities > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: var(--space-3); }
.growth-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.current-stage-section { background: var(--surface-warm); border-block: 1px solid var(--line); }
.stage-list { list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-3); padding: 0; margin: 0; }
.stage-list > li { min-width: 0; padding-top: var(--space-3); border-top: 2px solid var(--line); }
.stage-status { display: block; font-size: var(--type-small); letter-spacing: .04em; line-height: var(--line-body); color: var(--accent); }
.stage-list h3 { margin-top: var(--space-3); }
.stage-list p { margin-top: var(--space-2); color: var(--muted); }
.document-list { list-style: none; margin: var(--space-4) 0 0; padding: 0; }
.document-list > li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--space-1) var(--space-3); padding-block: var(--space-3); border-top: 1px solid var(--line); line-height: var(--line-body); }
.about-closing { background: var(--surface-warm); }
.about-closing .eyebrow { color: var(--accent); margin-bottom: var(--space-4); }
.about-closing .lead { max-width: 65ch; color: var(--muted); margin-top: var(--space-4); }

/* Shared profile pattern for verified Board and operational leadership details.
   Hidden containers and the inert HTML template render no people until populated. */
.profile-list:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.institutional-profile { min-width: 0; padding-top: var(--space-3); border-top: 1px solid var(--line); }
.profile-name { margin: 0; font-size: var(--type-card); font-weight: 500; letter-spacing: -.025em; line-height: 1.3; overflow-wrap: anywhere; }
.profile-role { color: var(--accent); margin-top: var(--space-1); }
.profile-affiliation { color: var(--muted); font-size: var(--type-small); margin-top: var(--space-1); }
.profile-biography { margin-top: var(--space-3); }

@media (max-width: 1100px) {
  .governance-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-4); }
  .governance-responsibilities > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); }
  .growth-grid, .stage-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stage-list { gap: var(--space-4); }
  .profile-list:not([hidden]) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .institutional-scope, .governance-layout { grid-template-columns: minmax(0, 1fr); }
  .institutional-scope { gap: var(--space-3); }
  .governance-layout { gap: var(--space-5); }
}
@media (max-width: 520px) {
  .growth-grid, .stage-list { grid-template-columns: minmax(0, 1fr); }
}