.component-top {
  min-height: 22rem;
  margin-bottom: 4rem;
  padding-top: 12rem;
  padding-bottom: 5.6rem;
}
@media (min-width: 768px) {
  .component-top {
    min-height: 36rem;
    margin-bottom: 9rem;
    padding-top: 16rem;
  }
}
@media (min-width: 1024px) {
  .component-top {
    min-height: 51rem;
    padding-top: 22rem;
  }
}
.component-top--scheme-primary-light {
  color: var(--color--secondary--400);
  background-color: var(--color--primary--300);
}
.component-top--scheme-primary-default {
  color: var(--color--secondary--400);
  background-color: var(--color--primary--400);
}
.component-top--scheme-transparent {
  color: var(--color--primary--400);
}
.component-top__content {
  max-width: 110rem;
}
.component-top__content h1 {
  margin-bottom: 3rem;
  font-family: var(--wp--preset--font-family--primary);
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 120%;
}
@media (min-width: 768px) {
  .component-top__content h1 {
    font-size: 5rem;
  }
}
@media (min-width: 1024px) {
  .component-top__content h1 {
    font-size: 7rem;
  }
}
.component-top__content p {
  font-size: 2rem;
  line-height: 120%;
  letter-spacing: -0.4px;
}
@media (min-width: 768px) {
  .component-top__content p {
    font-size: 3rem;
  }
}

/*# sourceMappingURL=style.css.map*/