/* ============================================================
   page-home — home-specific polish (Aurora Glass × Editorial)

   Almost every component on the home page is already styled by the
   global design system (css/aurora.css) and the shared pledge partial
   (css/content.css). This file only carries the few home-only tweaks
   that the mockup implies but the shared system doesn't already cover.
   ============================================================ */

/* Hero A carries three CTAs (primary + two text links). Let the two
   .btn-link items drop to their own line under the accent button and
   stack on narrow widths, while the primary button leads the row. */
.hero--a .hero-ctas { row-gap: 12px; }
.hero--a .hero-ctas .btn-accent { flex: 0 0 auto; }
.hero--a .hero-ctas .btn-link { flex: 0 1 auto; }

/* Give the index → editor's note → pledge → sources stack a touch more
   air than the default band rhythm where bands are zeroed at the top,
   so the editorial sections read as distinct beats. */
.band#note .note-card { margin-top: 4px; }

/* Pledge band: the shared .pledge--wide partial brings its own glass
   surface and grid; just ensure it sits on the same 1180px rail with
   consistent band rhythm when dropped on the home page. */
.band#start .pledge--wide { margin-top: 4px; }

@media (max-width: 640px) {
  /* Keep the hero CTA stack full-bleed-friendly on phones. */
  .hero--a .hero-ctas { flex-direction: column; align-items: flex-start; }
  .hero--a .hero-ctas .btn-accent { width: 100%; text-align: center; justify-content: center; }
}