.hero--subpage {
  padding-block: var(--space-12);
}

.hero__content {
  max-width: 720px;
}

.hero__kicker {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-2);
}

.hero__lead {
  font-size: var(--font-size-lg);
  color: var(--color-text-soft);
}

.terms {
  max-width: 840px;
}

.terms__block + .terms__block {
  margin-top: var(--space-8);
}

.terms__block h2 {
  margin-bottom: var(--space-3);
}

.terms__list {
  padding-left: 1.1rem;
  margin-bottom: var(--space-3);
  color: var(--color-text-soft);
}

.terms__list li {
  margin-bottom: var(--space-2);
}

.terms a {
  text-decoration: underline;
  text-decoration-color: rgba(245, 197, 66, 0.7);
  text-underline-offset: 0.18em;
}

.terms a:hover {
  text-decoration-color: rgba(245, 197, 66, 1);
}

@media (max-width: 768px) {
  .hero--subpage {
    padding-block: var(--space-10);
  }
}