.hero {
  padding: var(--space-section) 0;
  background: linear-gradient(180deg, var(--ground) 0%, var(--tint) 100%);
}
.hero .eyebrow { margin-bottom: 14px; }
.hero h1 { max-width: 18ch; }
.hero-sub { max-width: 58ch; margin-top: var(--space-block); font-size: 1.15rem; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 32px; }

/* Bands below the reel stack flush: no outer margins between them */