.l-main {
  padding-bottom: var(--space-xl);
}

.l-page-header {
  padding: var(--space-xl) 0 var(--space-lg);
}

.l-page-header__title {
  margin: 0;
  color: #e64336;
  font-family: var(--font-heading);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.l-page-header__lead {
  max-width: 48rem;
  margin: var(--space-md) 0 0;
  color: rgba(28, 27, 25, 0.8);
}

@media screen and (max-width: 640px) {
  .l-page-header {
    padding: var(--space-lg) 0 var(--space-md);
  }

  .l-page-header__title {
    font-size: 20px;
  }

  .l-page-header__lead {
    font-size: 14px;
  }
}