/* Nur Affah uses the approved waist-up portrait, without the zoom for full-length assets. */
.home-page .leadership-carousel .leadership-slide.nur-affah img,
.about-page .member-card.nur-affah .member-photo img,
.individual-profile .profile-page-hero.nur-affah .profile-page-photo img {
  inset: 0 auto auto 50%;
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  transform: translateX(-50%);
  filter: none;
}
.about-page .member-card.nur-affah .member-photo img {
  top: -11%;
  height: 111%;
}
.home-page .leadership-carousel .leadership-slide.nur-affah img {
  top: -13%;
  height: 114.5%;
}
.individual-profile .profile-page-hero.nur-affah .profile-page-photo img {
  top: -11%;
  height: 111%;
}
.about-page .board-roster .member-summary h3 {
  margin-top: 0;
  line-height: 1.1;
}
@media (min-width: 761px) {
  .about-page .board-roster .member-summary h3 {
    min-height: 3.3em;
    margin-bottom: 16px;
  }
  .about-page .board-roster .member-title {
    min-height: 4.8em;
    line-height: 1.6;
  }
}
@media (min-width: 1181px) {
  .about-page .board-roster { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .about-page .board-roster .member-summary { padding: 28px; }
  .about-page .board-roster .member-summary h3 { font-size: clamp(1.7rem, 2.1vw, 2.5rem); }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .about-page .board-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.member-credential { display: block; margin-bottom: 12px; color: #e7d39a; font-weight: 600; }

/* Portrait size follows panel height, never the width of an ultrawide monitor. */
.home-page .leadership-slide .hero-visual-caption {
  max-width: min(470px, 84%);
}
.home-page .leadership-slide .hero-visual-caption > span {
  display: block;
  max-width: 42em;
  line-height: 1.6;
  letter-spacing: .13em;
  text-wrap: balance;
}
.home-page .leadership-slide.nur-affah .hero-visual-shade {
  background: linear-gradient(0deg, rgba(2,34,27,.98), rgba(2,34,27,.8) 28%, rgba(2,34,27,.18) 58%, transparent 78%);
}
.home-page .leadership-slide .hero-visual-caption {
  text-shadow: 0 2px 5px rgba(0,20,15,.7);
}
.home-page .leadership-slide .hero-visual-caption > span { color: #f0dbab; }
@media (min-width: 761px) {
  .home-page .hero-copy { padding-inline: clamp(32px, 6vw, 120px); }
  .home-page .hero-copy h1 { font-size: clamp(2.6rem, 4.1vw, 4.8rem); }
}
