/* V16 image-rendering safeguards and About-page framing corrections. */
.brand-secondary img {
  max-width: 100%;
  height: auto;
}

.about-page .hero-media {
  overflow: hidden;
  border-radius: 24px;
  background: #f5f7fa;
}

.about-page .hero-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
}

.about-page .leadership-showcase-card {
  grid-template-columns: 250px minmax(0, 1fr);
  min-height: 313px;
}

.about-page .leadership-showcase-photo {
  min-height: 0;
  background: #eef1f5;
  overflow: hidden;
}

.about-page .leadership-showcase-photo img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 1050px) {
  .about-page .leadership-showcase-card {
    grid-template-columns: 200px minmax(0, 1fr);
  }
}

@media (max-width: 850px) {
  .about-page .leadership-showcase-card {
    grid-template-columns: 250px minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  .about-page .leadership-showcase-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .about-page .leadership-showcase-photo,
  .about-page .leadership-showcase-photo img {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
}