.meet-page-hero {
  min-height: 610px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  color: #fff;
  background-color: var(--deep);
  background-image:
    linear-gradient(90deg, rgba(11, 41, 40, .98) 0%, rgba(11, 41, 40, .91) 45%, rgba(11, 41, 40, .42) 70%, rgba(11, 41, 40, .15) 100%),
    url("/assets/dr-rajiv-singh.webp");
  background-position: center, right 22%;
  background-repeat: no-repeat;
  background-size: cover, 48% auto;
}

.meet-page-hero .eyebrow {
  color: #c7ddd7;
}

.meet-page-hero h1 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(3.2rem, 5.2vw, 5.35rem);
  text-shadow: 0 2px 28px rgba(0, 0, 0, .18);
}

.meet-page-hero p {
  max-width: 650px;
  margin: 1.5rem 0 0;
  color: #d5e4e0;
}

@media (max-width: 900px) {
  .meet-page-hero {
    min-height: 560px;
    background-image:
      linear-gradient(90deg, rgba(11, 41, 40, .96) 0%, rgba(11, 41, 40, .82) 65%, rgba(11, 41, 40, .55) 100%),
      url("/assets/dr-rajiv-singh.webp");
    background-position: center, 78% 22%;
    background-size: cover, 72% auto;
  }

  .meet-page-hero h1,
  .meet-page-hero p {
    max-width: 82%;
  }
}

@media (max-width: 650px) {
  .meet-page-hero {
    min-height: 540px;
    justify-content: flex-end;
    padding-bottom: 4rem;
    background-image:
      linear-gradient(0deg, rgba(11, 41, 40, .98) 0%, rgba(11, 41, 40, .72) 62%, rgba(11, 41, 40, .35) 100%),
      url("/assets/dr-rajiv-singh.webp");
    background-position: center, 55% 18%;
    background-size: cover, 100% auto;
  }

  .meet-page-hero h1 {
    max-width: 100%;
    font-size: clamp(2.75rem, 12vw, 3.6rem);
  }

  .meet-page-hero p {
    max-width: 100%;
    font-size: 1rem;
  }
}