/* Site header — logo + nav share hero content column (max-w-3xl / 48rem) */
.site-header__cluster {
  max-width: 48rem;
  width: 100%;
  min-width: 0;
  gap: 5rem;
}

@media (min-width: 1024px) {
  .site-header__cluster {
    gap: 5rem;
  }

  .site-header__cluster > nav {
    margin-left: 0;
  }
}

/* Homepage promo cards — shared centered width */
.home-promo-card {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}