.hero-text h1 {
  margin: 0;
}

.hero-text .text-medium {
  font-size: var(--heading-h2);
  line-height: 1.2;
}

.hero-text p {
  margin-bottom: 0;
}

.hero-text--underlined {
  border-bottom: 0.1rem solid var(--c-light-grey);
  padding-bottom: var(--spacing-8);
}

@media (min-width: 768px) {
  .hero-text--underlined {
    padding-bottom: var(--spacing-10);
  }
}

@media (min-width: 1440px) {
  .hero-text--underlined {
    padding-bottom: var(--spacing-15);
  }
}

.hero-text .hero-wrapper {
  max-width: 40rem;

  @media (min-width: 1440px) {
    max-width: 57rem;
  }

  @media (min-width: 1800px) {
    .hero-wrapper {
      max-width: 60rem;
    }
  }
}

.hero-text.center .hero-wrapper {
  margin: 0 auto;
  max-width: 34.25rem;

  @media (min-width: 1440px) {
    max-width: 42.25rem;
  }

  @media (min-width: 1800px) {
    .hero-wrapper {
      max-width: 57rem;
    }
  }
}

.hero-text .hero-wrapper p {
  margin-block-start: 0;
  margin-top: var(--spacing-2);

  @media (min-width: 768px) {
    margin-top: var(--spacing-3);
  }

  @media (min-width: 1440px) {
    margin-top: var(--spacing-4);
  }
}