.error-404 {
  padding-block: 4rem 5rem;
  text-align: center;
}

.error-404-code {
  margin: 0 0 var(--space-sm);
  font-family: var(--font-body);
  font-size: clamp(3rem, 8vw, 5rem);
  line-height: 1;
  color: var(--color-primary);
  opacity: 0.35;
}

.error-404-title {
  margin: 0 0 var(--space-md);
}

.error-404-lede {
  margin: 0 auto var(--space-xl);
  max-width: 36rem;
  color: var(--color-text-muted);
}

.error-404-actions {
  margin: 0;
}