@charset "utf-8";
/* ==========================================================================
   about.html — page-local additions only.
   Loaded after main.css. Tokens only: no colour literals, no new components
   that belong in the shared design system.
   ========================================================================== */

/* Banner hero carries a deeper scrim than the home hero: the headline sits
   alone over a wide venue still. */
.hero--banner::before { background: var(--scrim-strong); }
.hero--banner h1 { margin-bottom: 0; }

/* Leadership portraits — hold a consistent frame so the photo card and the
   crest placeholder card sit at the same height. */
.leader-media { aspect-ratio: 4 / 5; }
.leader-media img { width: 100%; height: 100%; object-fit: cover; }

/* Placeholder tile for a leader with no portrait on file. */
.leader-crest {
  display: grid;
  place-items: center;
  background: var(--green-deep);
}
.leader-crest img {
  width: 45%;
  height: auto;
  max-width: 160px;
  object-fit: contain;
}