/**
 * Homepage — Design V2 section rhythm (Tier 1).
 *
 * Additive only, every rule scoped under body.lvg-v2 main.lvg-home, so
 * nothing here can touch a page that has not opted into V2 or any section
 * outside the homepage. The generic rail spacing and .lvg-section rhythm
 * already come from v2-tokens.css; this file only adds what front-page.php's
 * own section mix (hero variants + marquee carousel, category tabs, the two
 * event rails, the empty state) needs on top of that shared baseline.
 *
 * Loaded after style.css and v2-tokens.css, and only on the front page (see
 * the conditional enqueue in inc/setup.php). No other page pays for this
 * file.
 */

body.lvg-v2 main.lvg-home {
	display: block;
}

/* The hero carries a dense marquee card plus an optional carousel, so it
   earns more breathing room below than the generic .lvg-section rhythm
   gives every other section pair on the homepage. */
body.lvg-v2 main.lvg-home #hero {
	padding-block-end: clamp(2rem, 5vw, 3.5rem);
}

/* Start-here sits right under the hero as a lighter, wayfinding section —
   tighten its own padding so the category tabs don't float in the same
   amount of air a copy-heavy section needs. */
body.lvg-v2 main.lvg-home #start {
	padding-block: 1.5rem;
}

/* Close the page with a bit more room above the footer, whichever section
   (more-events or the empty state) happens to render last. */
body.lvg-v2 main.lvg-home > .lvg-section:last-of-type {
	padding-block-end: clamp(2.5rem, 6vw, 4rem);
}

@media (max-width: 640px) {
	body.lvg-v2 main.lvg-home #hero {
		padding-block-end: 2rem;
	}
}