.hero--home {
  display: flex;
  align-items: center;
  min-height: clamp(360px, 52vh, 540px);
}

.hero--home .hero__content {
  padding-block: var(--space-xl);
}