.therapy-page .hero h1 {
  font-size: clamp(40px, 3.8vw, 54px);
}

.therapy-page .hero-content {
  width: min(850px, 76%);
}

.therapy-barras .hero-image {
  background-image: url("../img/barras-de-access-sjc.jpg");
  background-position: center 52%;
}

.therapy-theta .hero-image {
  background-image: url("../img/thetahealing-sjc.jpg");
  background-position: center 46%;
}

.therapy-barras .differentials-image,
.therapy-barras .online-image {
  background: linear-gradient(rgba(99, 28, 56, .08), rgba(99, 28, 56, .22)), url("../img/barras-de-access-sjc.jpg") center 52% / cover no-repeat;
}

.therapy-theta .differentials-image,
.therapy-theta .online-image {
  background: linear-gradient(rgba(99, 28, 56, .08), rgba(99, 28, 56, .22)), url("../img/thetahealing-sjc.jpg") center 46% / cover no-repeat;
}

.therapy-page .investment-price .service-callout {
  max-width: 430px;
  margin: 16px 0 10px;
  font-size: clamp(40px, 4.5vw, 58px);
  line-height: 1.05;
}

.therapy-page .therapy-highlight-panel {
  margin-top: 70px;
}

@media (max-width: 900px) {
  .therapy-page .hero-content {
    width: 100%;
  }

  .therapy-barras .hero-image {
    background-position: 58% center;
  }

  .therapy-theta .hero-image {
    background-position: 55% center;
  }
}

@media (max-width: 560px) {
  .therapy-page .hero h1 {
    font-size: clamp(36px, 10vw, 44px);
  }
}