/* Home page — small scoped overrides. The bulk of home styling
   lives in components.css (hero-slider, game-card, bonus-card,
   category-tile, etc.). */

[data-page="home"] main {
  padding-top: 0;             /* hero hugs the header */
  padding-bottom: 0;          /* footer hugs the SEO block */
}

[data-page="home"] .hero {
  margin-block-end: 0;
}

[data-page="home"] .section--seo {
  padding-block: var(--space-64);
}
@media (min-width: 1024px) {
  [data-page="home"] .section--seo { padding-block: var(--space-96); }
}