body.home {
  /* Named so a project can repaint the homepage ground without touching the authority's --bg, which every other surface inherits. */
  --home-bg: var(--bg);
  background: var(--home-bg);
}

.site-main--home .entry-content {
  display: grid;
  gap: clamp(2rem, 4vw, 4rem);
}

.home-hero,
.home-section {
  padding-block: var(--section-pad);
}

.home-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
}

@media (max-width: 767px) {
  .home-feature-grid {
    grid-template-columns: 1fr;
  }
}