/* Only the About-page team overview. Executive profiles and global styles stay unchanged. */
.about-anew-page #team #team-overview.leadership-intro {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: clamp(40px, 5vw, 72px);
}

.about-anew-page #team #team-overview.leadership-intro > div {
  max-width: 40rem;
}

.about-anew-page #team #team-overview.leadership-intro > div > p:not(.eyebrow) {
  max-width: 37rem;
  margin: 0;
}

.about-anew-page #team #team-overview.leadership-intro > div > p + p:not(.eyebrow) {
  margin-top: 22px;
}

.about-anew-page #team #team-overview.leadership-intro > figure {
  width: 100%;
  max-width: 520px;
  justify-self: end;
  height: auto;
  aspect-ratio: auto;
  overflow: visible;
}

.about-anew-page #team #team-overview.leadership-intro picture {
  display: block;
}

.about-anew-page #team #team-overview.leadership-intro img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  object-position: center;
}

.about-anew-page #team #team-overview.leadership-intro figcaption {
  margin-top: 16px;
  max-width: 32rem;
  font-size: .9375rem;
  line-height: 1.8;
  color: #747974;
  text-wrap: pretty;
}

@media (max-width: 1000px) {
  .about-anew-page #team #team-overview.leadership-intro {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "intro" "photo";
    gap: 32px;
  }
  .about-anew-page #team #team-overview.leadership-intro > div,
  .about-anew-page #team #team-overview.leadership-intro > div > p:not(.eyebrow) {
    max-width: 44rem;
  }
  .about-anew-page #team #team-overview.leadership-intro > figure {
    justify-self: start;
  }
}

@media (max-width: 700px) {
  .about-anew-page #team #team-overview.leadership-intro > div > p + p:not(.eyebrow) {
    margin-top: 18px;
  }
  .about-anew-page #team #team-overview.leadership-intro figcaption {
    font-size: .875rem;
    margin-top: 12px;
  }
}

/* Business profile: a unified editorial panel below the team introduction. */
.about-anew-page #team #team-overview.leadership-intro { margin-bottom: 0; padding-bottom: 40px; border-bottom: 0; }
.about-anew-page #team .team-support-profile { grid-column: 1 / -1; width: 100%; padding-bottom: 48px; border-bottom: 1px solid #ddd9d2; }
.about-anew-page #team .team-support-profile #business-manager { grid-template-columns: 250px minmax(0,1fr); width: 100%; max-width: none; margin: 0; padding: 0 40px; gap: 40px; border: 0; background: transparent; position: relative; isolation: isolate; box-sizing: border-box; align-items: center; scroll-margin-top: 100px; }
.about-anew-page #team .team-support-profile #business-manager .team-portrait { grid-column: 1; grid-row: 1; width: 250px; height: 375px; aspect-ratio: auto; max-width: none; margin: 0; align-self: start; overflow: hidden; }
.about-anew-page #team .team-support-profile #business-manager .team-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.about-anew-page #team .team-support-profile #business-manager .member-copy { grid-column: 2; grid-row: 1; min-width: 0; padding: 160px 0 28px; display: block; }
.about-anew-page #team .team-support-profile #business-manager .member-name { font-size: clamp(1.5rem,2vw,1.875rem); line-height: 1.45; margin: 0 0 8px; }
.about-anew-page #team .team-support-profile #business-manager .member-position-th { margin: 0 0 6px; font-size: 1.25rem; line-height: 1.6; }
.about-anew-page #team .team-support-profile #business-manager small { display: block; font-size: .9375rem; letter-spacing: .055em; line-height: 1.7; max-width: 30rem; }
.about-anew-page #team .team-support-profile #business-manager .member-bio { margin: 18px 0 0; max-width: 40rem; font-size: 1.125rem!important; line-height: 1.8!important; }
.about-anew-page #team .team-support-profile #business-manager .member-bio:before { display: none; }

@media(max-width:700px) {
 .about-anew-page #team .team-support-profile { padding-bottom: 32px; }
 .about-anew-page #team .team-support-profile #business-manager { grid-template-columns: minmax(0,1fr); gap: 24px; padding: 0 24px 24px; }
 .about-anew-page #team .team-support-profile #business-manager .team-portrait { width: 155px; height: 205px; justify-self: start; }
 .about-anew-page #team .team-support-profile #business-manager .member-copy { grid-column: 1; grid-row: 2; padding: 0; }
}

/* Keep the portrait in flow; only the background starts lower, so it cannot overlap the preceding section. */
.about-anew-page #team .team-support-profile #business-manager::before { content: ""; position: absolute; inset: 160px 0 0; background: #f4f3ef; z-index: -1; pointer-events: none; }
@media(max-width:700px) {
 .about-anew-page #team .team-support-profile #business-manager::before { top: 96px; }
}

/* Paired diagonal corners on the team photograph and business profile panel. */
.about-anew-page #team #team-overview.leadership-intro img {
  border-radius: 40px 0 40px 0;
}
.about-anew-page #team .team-support-profile #business-manager::before {
  border-radius: 40px 0 40px 0;
}
@media(max-width:700px) {
 .about-anew-page #team #team-overview.leadership-intro img,
 .about-anew-page #team .team-support-profile #business-manager::before {
  border-radius: 24px 0 24px 0;
 }
}

.about-anew-page #team .team-support-profile #business-manager small span { display: block; }
@media(min-width:701px) and (max-width:1000px) {
 .about-anew-page #team .team-support-profile #business-manager { grid-template-columns: 220px minmax(0,1fr); gap: 28px; padding-left: 28px; padding-right: 28px; }
 .about-anew-page #team .team-support-profile #business-manager .team-portrait { width: 220px; height: 330px; }
}

/* Group the role and description into fewer, meaningful lines. */
.about-anew-page #team .team-support-profile #business-manager .member-copy { padding-top: 184px; padding-bottom: 28px; }
.about-anew-page #team .team-support-profile #business-manager small { max-width: none; letter-spacing: .025em; }
.about-anew-page #team .team-support-profile #business-manager .member-bio { max-width: none; }
.about-anew-page #team .team-support-profile #business-manager .member-bio span { display: block; }
@media(max-width:700px) {
 .about-anew-page #team .team-support-profile #business-manager .member-copy { padding: 0; }
 .about-anew-page #team .team-support-profile #business-manager .member-bio span { display: inline; }
}

/* Centre the portrait and copy together while retaining the full-width panel. */
@media(min-width:1001px) {
 .about-anew-page #team .team-support-profile #business-manager { grid-template-columns: 250px minmax(0,640px); justify-content: center; }
}
.about-anew-page #team .team-support-profile #business-manager .member-copy { text-align: left; }
.about-anew-page #team .team-support-profile #business-manager .member-name { font-size: clamp(1.5rem,1.8vw,1.875rem); font-weight: 600; }
