/* ============================================================
   ABOUT v2.0  ·  May 2026
   Page-scoped overrides for pages/about.html only.
     #4  Mission & Vision photo — scaled down 20% (zoom-out effect)
         within the existing column geometry.
   Note: the hero-text left shift used to live here but has been
   promoted to site-v2.css (r10) so every page with a
   .page-hero--with-stats hero shares the same alignment.
   ============================================================ */

/* ------------------------------------------------------------
   #4  Mission & Vision picture — visually 20% smaller (zoomed out).
   Scale the media container from its centre so the section's
   geometry doesn't shift; the text column stays in place.
   Scoped to #mission so other feature-rows are unaffected.
   ------------------------------------------------------------ */
#mission .feature-row__media {
  transform: scale(0.8);
  transform-origin: center center;
}

/* The 1st-Canadian-School stat — small superscript suffix so "1st"
   reads cleanly without inflating the numeric type scale. */
.page-hero__stat-suffix {
  font-size: 0.55em;
  vertical-align: 0.45em;
  letter-spacing: 0;
  margin-left: 0.05em;
  font-weight: 500;
}

/* ------------------------------------------------------------
   #6  Core Values cards — tighten title→body gap (r16)
   The values cards all use single-word titles ("Curiosity.",
   "Excellence.", etc.) but column-balance.css reserves a
   2-line min-height on .feature-card__title for row alignment,
   creating ~18px visual gap below the title. Shrink the
   reservation to 1.2em here so the body reads tight to the
   title. Scoped to #values so other feature-card grids are
   unaffected. Specificity bumped (#values prefix) to beat
   column-balance.css. */
#values .feature-card__title {
  min-height: 1.2em !important;
}
#values .feature-card__body {
  margin-top: 4px;
}