.office-doctor-bio-stack {
  width: 100%;
}

.office-doctor-bio.home-h1-split {
  min-height: 0;
  padding: 24px 0 20px;
  background: transparent;
  overflow: visible;
  width: min(1290px, 100%);
  margin: 0 auto;
}

.office-doctor-bio--stacked + .office-doctor-bio--stacked {
  margin-top: 12px;
}

.content-block--injected[data-injected="office-doctor-bio"],
.content-block-appended-component.injected-component[data-injected="office-doctor-bio"] {
  width: min(1290px, calc(100% - 48px));
  margin: 0 auto;
}

.office-doctor-bio .home-h1-split__inner {
  width: 100%;
  margin: 0 auto;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}

.office-doctor-bio--no-image .home-h1-split__inner {
  grid-template-columns: minmax(0, 1fr);
}

.office-doctor-bio .home-h1-split__media {
  position: relative;
  top: auto;
  width: 100%;
  height: auto;
  max-width: 360px;
}

.office-doctor-bio .home-h1-split__media-underlay {
  left: -16px;
  right: -16px;
  top: -16px;
  height: calc(100% + 32px);
  border-radius: 32px;
}

.office-doctor-bio .home-h1-split__image-frame {
  width: 100%;
  height: auto;
  max-height: 500px;
  aspect-ratio: 3 / 4;
  border-radius: 28px;
}

.office-doctor-bio .home-h1-split__content {
  max-width: min(100%, 980px);
  gap: 18px;
}

.office-doctor-bio--reverse .home-h1-split__media {
  order: 2;
  justify-self: end;
}

.office-doctor-bio--reverse .home-h1-split__content {
  order: 1;
}

.office-doctor-bio--reverse .home-h1-split__inner {
  grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
}

.office-doctor-bio .home-h1-split__title {
  max-width: min(100%, 980px);
  font-size: clamp(34px, 4vw, 52px);
}

.office-doctor-bio .home-h1-split__body {
  max-width: min(100%, 980px);
  font-size: 18px;
}

.office-doctor-bio .home-h1-split__body p {
  margin-top: 0;
}

.office-doctor-bio .home-h1-split__body p + p {
  margin-top: 16px;
}

@media (max-width: 1080px) {
  .content-block--injected[data-injected="office-doctor-bio"],
  .content-block-appended-component.injected-component[data-injected="office-doctor-bio"] {
    width: min(100% - 28px, 1290px);
  }

  .office-doctor-bio .home-h1-split__inner {
    width: min(100%, 1290px);
    grid-template-columns: minmax(0, 1fr);
  }

  .office-doctor-bio .home-h1-split__content {
    text-align: left;
    align-items: flex-start;
  }

  .office-doctor-bio--reverse .home-h1-split__media,
  .office-doctor-bio--reverse .home-h1-split__content {
    order: initial;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .office-doctor-bio .home-h1-split__media {
    max-width: min(54vw, 390px);
  }

  .office-doctor-bio .home-h1-split__image-frame {
    max-height: 460px;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  .office-doctor-bio .home-h1-split__media {
    max-width: min(68vw, 360px);
    margin: 0 auto;
  }

  .office-doctor-bio .home-h1-split__image-frame {
    max-height: 420px;
  }
}

@media (max-width: 640px) {
  .office-doctor-bio .home-h1-split__media {
    max-width: min(86vw, 360px);
    margin: 0 auto;
  }

  .office-doctor-bio .home-h1-split__image-frame {
    max-height: 430px;
  }

  .office-doctor-bio .home-h1-split__media-underlay {
    left: -12px;
    right: -12px;
    top: -12px;
    height: calc(100% + 24px);
  }
}