/* Mobile introduction and education banners share a 200px image area. */
@media (max-width: 700px) {
  .about-mobile-banner, .education-banner { height: 200px; min-height: 0; aspect-ratio: auto; }
  .education-banner img { width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center; }
  .education-banner-copy { top: 50%; transform: translateY(-50%); }
}

/* Shared desktop banner height for Academy subpages. */
@media (min-width: 801px) {
  .about-banner, .education-banner, .career-hero {
    height: 360px;
    min-height: 0;
    aspect-ratio: auto;
    overflow: hidden;
  }
  .about-hero, .education-banner img, .career-hero-background {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
  }
  .education-banner-copy { top: 50%; transform: translateY(-50%); }
  .career-hero-copy { padding-top: 24px; }
  .career-brand { font-size: 16px; }
  .career-hero h1 { font-size: 48px; margin: 12px 0; }
  .career-subtitle { font-size: 20px; }
  .career-description { font-size: 16px; margin-top: 16px; }
  .career-signature { margin-top: 16px; gap: 18px; }
  .career-signature p { font-size: 16px; }
  .career-signature span { font-size: 10px; letter-spacing: 1px; }
  .career-hero-message { font-size: 20px; }
}