/* Keep the homepage portrait compact and fully visible in the first viewport. */
.hero h1 {
  font-size: clamp(3rem, 4.8vw, 4.5rem);
  letter-spacing: -.038em;
}

.hero-card {
  max-width: 380px;
  padding: 1rem 1rem 1.5rem;
  border-radius: 150px 150px 1.5rem 1.5rem;
}

.doctor-portrait {
  height: 300px;
  aspect-ratio: auto;
  object-position: 50% 8%;
  border-radius: 140px 140px 1rem 1rem;
}

.profile-intro img {
  object-position: 50% 8%;
}

.trust strong {
  font-size: 1.65rem;
}

.trust span {
  font-size: .84rem;
  line-height: 1.4;
}

@media (max-width: 1000px) {
  .hero-card {
    width: min(100%, 380px);
  }
}

@media (max-width: 650px) {
  .hero h1 {
    font-size: clamp(2.65rem, 11.5vw, 3.4rem);
  }

  .hero-card {
    width: min(100%, 360px);
    padding: .8rem .8rem 1.25rem;
  }

  .doctor-portrait {
    height: 280px;
  }
}