/* Leadership-only final card contract.
   Keeps every portrait, role, name and CTA on the same visual rhythm while
   preserving the per-person crop overrides in revision-20260824.css. */
body.page-template-page-leadership .leadership-group > .leadership-group-title,
body.about-detail-leadership .leadership-group > .leadership-group-title {
  position: relative;
  margin: 0 0 24px !important;
  padding-left: 24px !important;
  color: #fff !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

body.page-template-page-leadership .leadership-group > .leadership-group-title::before,
body.about-detail-leadership .leadership-group > .leadership-group-title::before {
  content: "";
  position: absolute;
  top: .08em;
  bottom: .08em;
  left: 0;
  width: 4px;
  background: var(--aurum-red, #e3292f);
}

body.page-template-page-leadership .leadership .profile-grid,
body.about-detail-leadership .leadership .profile-grid {
  align-items: start !important;
}

body.page-template-page-leadership .leadership .profile--link,
body.about-detail-leadership .leadership .profile--link {
  display: grid !important;
  grid-template-rows: auto 106px !important;
  height: auto !important;
  overflow: hidden !important;
}

body.page-template-page-leadership .leadership .portrait-placeholder,
body.about-detail-leadership .leadership .portrait-placeholder {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #fff !important;
}

body.page-template-page-leadership .leadership .portrait-placeholder img,
body.about-detail-leadership .leadership .portrait-placeholder img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.page-template-page-leadership .leadership .profile-meta,
body.about-detail-leadership .leadership .profile-meta {
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  row-gap: 4px !important;
  align-content: center !important;
  height: 106px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  padding: 8px 14px 9px !important;
  text-align: center !important;
}

body.page-template-page-leadership .leadership .profile-role,
body.about-detail-leadership .leadership .profile-role {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body.page-template-page-leadership .leadership .profile-name,
body.about-detail-leadership .leadership .profile-name {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body.page-template-page-leadership .leadership .profile-action,
body.about-detail-leadership .leadership .profile-action {
  align-self: auto !important;
  justify-self: center !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Retire the legacy President-only 148px metadata panel. The first group now
   follows the exact same card contract as Board and Executive Leadership. */
body.page-template-page-leadership .leadership .leadership-group--first .profile--link .profile-meta,
body.about-detail-leadership .leadership .leadership-group--first .profile--link .profile-meta {
  height: 106px !important;
  min-height: 0 !important;
}

body.page-template-page-leadership .leadership .leadership-group--first .profile--link .profile-name,
body.about-detail-leadership .leadership .leadership-group--first .profile--link .profile-name {
  min-height: 0 !important;
}

body.page-template-page-leadership .leadership .leadership-group--first .profile--link .profile-action,
body.about-detail-leadership .leadership .leadership-group--first .profile--link .profile-action {
  margin-top: 7px !important;
  padding-top: 0 !important;
}

@media (max-width: 700px) {
  body.page-template-page-leadership .leadership-group > .leadership-group-title,
  body.about-detail-leadership .leadership-group > .leadership-group-title {
    margin-bottom: 18px !important;
    padding-left: 18px !important;
    font-size: clamp(27px, 9vw, 36px) !important;
  }

  /* A one-column grid previously stretched cards to the full available phone
     width. Cap them at the desktop card width and centre the grid track. */
  body.page-template-page-leadership .leadership .profile-grid,
  body.about-detail-leadership .leadership .profile-grid {
    grid-template-columns: minmax(0, min(100%, 330px)) !important;
    justify-content: center !important;
    justify-items: stretch !important;
    gap: 18px !important;
  }

  body.page-template-page-leadership .leadership .profile--link,
  body.about-detail-leadership .leadership .profile--link {
    width: 100% !important;
    max-width: 330px !important;
    margin-inline: auto !important;
  }

  body.page-template-page-leadership .leadership .portrait-placeholder,
  body.about-detail-leadership .leadership .portrait-placeholder {
    /* Preserve the page's established mobile shoulder crop. The desktop 4:3
       ratio is too tall for a single-column phone card. */
    aspect-ratio: 16 / 10 !important;
  }

  body.page-template-page-leadership .leadership .profile-meta,
  body.about-detail-leadership .leadership .profile-meta {
    height: 118px !important;
    min-height: 0 !important;
    padding: 9px 13px 10px !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.page-template-page-leadership .leadership .profile-role,
  body.about-detail-leadership .leadership .profile-role,
  body.page-template-page-leadership .leadership .profile-name,
  body.about-detail-leadership .leadership .profile-name,
  body.page-template-page-leadership .leadership .profile-action,
  body.about-detail-leadership .leadership .profile-action {
    width: 100% !important;
    justify-content: center !important;
    justify-self: center !important;
    text-align: center !important;
  }

  body.page-template-page-leadership .leadership .profile--link,
  body.about-detail-leadership .leadership .profile--link {
    grid-template-rows: auto 118px !important;
  }

  body.page-template-page-leadership .leadership .leadership-group--first .profile--link .profile-meta,
  body.about-detail-leadership .leadership .leadership-group--first .profile--link .profile-meta {
    height: 118px !important;
  }
}
