/* Leadership Team page – page-specific styles only */

.leadership-hero .leadership-hero__intro {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.leadership-team {
  background-color: #fff;
}

.leadership-team__grid {
  padding-top: 0.5rem;
  padding-bottom: 2rem;
}

.leadership-member {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.leadership-member__photo-wrap {
  width: 100%;
}

.leadership-member__photo {
  width: 99px;
  aspect-ratio: 1 / 1;
  margin-left: auto;
  margin-right: auto;
  border-radius: 9999px;
  overflow: hidden;
  background-color: oklch(0.9612 0 0);
}

.leadership-member__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.leadership-member__title {
  margin: 0;
  color: inherit;
}

.leadership-member__english-name {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.4;
  color: oklch(0.464 0 0);
}

.leadership-member__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: oklch(0.4867 0.1803 336.11);
  transition: color 0.2s ease, text-decoration 0.2s ease;
}

.leadership-member__link:hover,
.leadership-member__link:focus-visible {
  color: oklch(0.3152 0.1176 262.41);
  text-decoration: none;
  outline: none;
}

@media (min-width: 1024px) {
  .leadership-team__grid {
    padding-bottom: 3rem;
  }
}

/* Leadership bio profile (e.g. catherine-atkinson.html) */

.leadership-bio {
  background-color: #fff;
}

.leadership-bio .bio-profile__image {
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 3875 / 3454;
  max-width: 100%;
  background-color: oklch(0.9612 0 0);
}

.leadership-bio .bio-profile__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.leadership-bio .bio-profile__body p {
  margin: 0 0 1.25rem;
}

.leadership-bio .bio-profile__body p:last-child {
  margin-bottom: 0;
}

.leadership-bio .team-bio__job-title {
  display: block;
  margin: 0 0 0.75rem;
  --ipa-color-light: oklch(0.4867 0.1803 336.11);
  --ipa-color-dark: oklch(0.8944 0.0357 331.62);
  color: var(--ipa-color-light);
}

.leadership-bio .team-bio__name-wrap {
  --ipa-color-light: oklch(0.3152 0.1176 262.41);
  --ipa-color-dark: oklch(0.9011 0.0552 218.07);
  color: var(--ipa-color-light);
}

.leadership-bio .team-bio__name-wrap h2 {
  margin: 0;
}