/* Wild Vibes — home page only. Linked AFTER pages.css.
   Five rules, each one a gap in the shared system rather than a new look.
   Everything here is scoped to body[data-page="home"] so nothing else moves. */

/* 1. (was a .media-frame picture override — now fixed centrally in components.css) */

/* 2. .hero--home's scrim is tuned for a dark photograph. cover('brand-hero')
      is a bright sunrise over the Nilgiris, and against it the measured
      contrast of the hero kicker, headline and lede was 2.3–2.9:1 — under the
      4.5:1 floor in PATTERNS §10. Same colour, same direction, held darker
      across the band the copy actually sits in. */
body[data-page="home"] .hero--home .hero__scrim {
  background: linear-gradient(
    to top,
    rgba(12, 16, 7, 0.92) 0%,
    rgba(12, 16, 7, 0.82) 40%,
    rgba(12, 16, 7, 0.70) 80%,
    rgba(12, 16, 7, 0.44) 100%
  );
}

/* 3. The gallery strip is a teaser, not the gallery page. .grid-4 collapses to
      one column below 640px, which turns eight photographs into a very long
      scroll; two up keeps it a strip. */
@media (max-width: 639.98px) {
  body[data-page="home"] #gallery .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 4. The pull-quote closing the dark section wants section-sized air above it,
      not the paragraph rhythm base.css gives a `ul + p`. */
body[data-page="home"] .quote {
  margin-top: var(--sp-8);
}

/* 5. .card-grid--2's 22rem column floor is wider than a tablet's content box
      (712px at 768 viewport, minus the grid gap), so the signature-stay grid
      collapses to a single full-width column for every tablet. Two up. */
@media (min-width: 640px) and (max-width: 1023.98px) {
  body[data-page="home"] #stays .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}