/* v19 profile opening: the existing profile content stays unchanged below. */

body.v19-site main.v18-main-content article.profile-page.profile-media-first {
  min-width: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
  grid-template-areas:
    "header video poster"
    "lead video poster"
    "toc video poster";
  gap: 1.25rem clamp(1rem, 2vw, 2rem);
  align-items: start;
  margin: 0 0 3rem;
  padding: 0.5rem 0 2.5rem;
  border-bottom: 1px solid var(--v18-line, #bf9979);
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening--video-only {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  grid-template-areas:
    "header video"
    "lead video"
    "toc video";
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__header {
  grid-area: header;
  min-width: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__lead {
  grid-area: lead;
  min-width: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video {
  grid-area: video;
  min-width: 0;
  width: 100%;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__poster {
  grid-area: poster;
  min-width: 0;
  width: 100%;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__toc {
  grid-area: toc;
  min-width: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__header .profile-intro {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__header .profile-intro h1 {
  margin: 0.5rem 0 0;
  font-size: 2.25rem;
  line-height: 1.35;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__lead .profile-lead {
  margin: 0;
  line-height: 1.85;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__toc .toc {
  margin: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video > .renew-video-player,
body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video > .profile-media > .renew-video-player {
  width: 100%;
  margin: 0;
  padding-top: 0;
  border-top: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video .renew-video-player__stage {
  margin-inline: auto;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video .renew-video-player__media {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video .profile-media,
body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__poster .profile-media {
  width: 100%;
  margin: 0;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video .profile-media figcaption {
  margin-top: 0.55rem;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__poster .profile-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 40rem;
  object-fit: contain;
  object-position: center top;
}

body.v19-site main.v18-main-content article.profile-page.profile-media-first > .profile-copy {
  width: 100%;
  max-width: 48rem;
  margin-inline: auto;
}

@media screen and (max-width: 900px) {
  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening,
  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening--video-only {
    grid-template-columns: 1fr;
    grid-template-areas:
      "header"
      "video"
      "lead"
      "poster"
      "toc";
    gap: 1.25rem;
    margin-bottom: 2.5rem;
    padding-top: 0.5rem;
  }

  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening--video-only {
    grid-template-areas:
      "header"
      "video"
      "lead"
      "toc";
  }

  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__header .profile-intro h1 {
    font-size: 1.75rem;
  }

  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__video,
  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__poster {
    width: min(100%, 28rem);
    margin-inline: auto;
  }
}

@media screen and (max-width: 575px) {
  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening,
  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening--video-only {
    gap: 1rem;
    padding-bottom: 2rem;
  }

  body.v19-site main.v18-main-content article.profile-page.profile-media-first .profile-opening__header .profile-intro h1 {
    font-size: 1.5rem;
  }
}