/* Home leadership alignment draft. Load after nur-affah-title-v236.css.
   Fixed shared text slots keep all four role, name and profile anchors aligned.
   These selectors apply only to the Home carousel. */
.home-page .leadership-carousel .leadership-slide .hero-visual-caption {
  --leadership-role-line: 14.4px;
  --leadership-name-size: clamp(2rem, 3vw, 3.4rem);
  --leadership-name-line: 1.05;
  --leadership-credential-line: 16.5px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows:
    calc(var(--leadership-role-line) * 2)
    calc(var(--leadership-name-size) * var(--leadership-name-line) * 2 + 15px)
    calc(var(--leadership-credential-line) * 3 + 10px)
    auto;
  align-items: start;
}

.home-page .leadership-carousel .leadership-slide .hero-visual-caption > span:first-child {
  grid-row: 1;
  margin: 0;
  font-size: 9px;
  line-height: var(--leadership-role-line);
  color: #f0dbab;
}

.home-page .leadership-carousel .leadership-slide .hero-visual-caption > p {
  grid-row: 2;
  min-height: 0;
  margin: 15px 0 0;
  font-size: var(--leadership-name-size);
  line-height: var(--leadership-name-line);
}

.home-page .leadership-carousel .leadership-slide .hero-visual-caption > .nur-affah-credential {
  grid-row: 3;
  margin: 10px 0 0;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: var(--leadership-credential-line);
  letter-spacing: .06em;
  text-wrap: balance;
}

.home-page .leadership-carousel .leadership-slide .hero-visual-caption > small {
  grid-row: 4;
  justify-self: start;
}

/* Keep the approved portrait scale and lower its head by 2.5% of panel height.
   The initial position requires desktop and mobile visual confirmation. */
.home-page .leadership-carousel .leadership-slide.nur-affah img {
  top: -10.5%;
  height: 114.5%;
}

@media (min-width: 1001px) {
  .home-page .leadership-carousel .leadership-slide .hero-visual-caption {
    --leadership-name-size: clamp(1.8rem, 2.6vw, 2.7rem);
  }
}

@media (max-width: 760px) {
  .home-page .leadership-carousel .leadership-slide .hero-visual-caption {
    --leadership-name-size: 31px;
    --leadership-name-line: 1.02;
    /* A 430px portrait panel leaves approximately 215px above this caption.
       The three-line white credential remains in normal grid flow. */
  }
}