/* The image's light right side holds the introduction; mobile keeps text separate. */
.pagehead.leaders-photo-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 450px;
  margin: 28px 0 42px;
  padding: 48px 44px;
  border-radius: 22px;
  background: #f7f4ef;
}
.leaders-photo-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 25% center; z-index: -2; }
.leaders-photo-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,transparent 32%,rgba(250,248,244,.35) 45%,rgba(250,248,244,.87) 65%,rgba(250,248,244,.92)); }
.leaders-photo-hero__copy { width: 54%; margin-left: auto; }
.leaders-photo-hero .eyebrow { color: #416a60; }
.leaders-photo-hero h1 { font-size: clamp(36px,3.8vw,51px); line-height: 1.12; margin: 18px 0 22px; text-wrap: balance; }
.leaders-photo-hero p { color: #405360; font-size: 16px; margin-bottom: 0; }
@media (max-width: 800px) {
  .pagehead.leaders-photo-hero { display: flex; flex-direction: column; min-height: 0; padding: 0; margin-top: 24px; }
  .leaders-photo-hero::before { display: none; }
  .leaders-photo-hero__copy { order: 0; width: 100%; margin: 0; padding: 30px; }
  .leaders-photo-hero__image { order: 1; position: relative; inset: auto; z-index: auto; width: 100%; height: 260px; object-position: left center; }
  .leaders-photo-hero h1 { font-size: clamp(35px,5.4vw,43px); }
}
@media (max-width: 520px) {
  .pagehead.leaders-photo-hero { border-radius: 18px; margin-bottom: 30px; }
  .leaders-photo-hero__copy { padding: 26px; }
  .leaders-photo-hero__image { height: 220px; }
}