#hero {
  padding: var(--space-xl) 0;
}

.hero__text {
  display: block;
  line-height: 1;
  font-weight: inherit;
}

@media (max-width: 768px) {
  #hero { padding: var(--space-lg) 0; }
}