.page-header {
    padding-block: 35px;
    background: var(--wp--preset--gradient--blue-to-magenta);
  }

  @media (min-width: 782px) {
    .page-header {
      padding-block: 55px;
    }
  }

  .page-header>* {
    max-width: var(--content-width);
    margin-inline: auto;
  }

  .page-header__title {
    color: #fff;
    margin-block: 0;
    line-height: 1.23;
    font-size: 1.313rem;
    font-weight: 800;
  }

  @media (min-width: 782px) {
    .page-header__title {
      font-size: 1.625rem;
    }
  }