/**
 * Landing page adjustments — "The Story Is Just the Beginning"
 * (page slug: the-story-is-just-the-beginning)
 *
 * From the 7/21/26 design review. This file is enqueued ONLY on that page
 * (see sparkle_scripts() in functions.php), so every rule here is safe and
 * cannot affect the shared blocks anywhere else on the site.
 *
 * Values are intentionally simple / commented so content + design can tweak.
 */

/* -------------------------------------------------------------------------
 * 1. Hero: narrow the text block so the copy wraps in a tighter column.
 *    Template keeps max-w-[700px]; we override to a narrower width here.
 * ---------------------------------------------------------------------- */
.hero-block .max-w-\[700px\] {
	max-width: 500px;
}

/* -------------------------------------------------------------------------
 * 2. Consistent vertical padding on every content section.
 *    Left/right blocks already use py-20 (5rem); bring the cards + testimonial
 *    sections to the same rhythm so tops/bottoms line up section to section.
 * ---------------------------------------------------------------------- */
.stories-block,
.testimonial-section {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

/* -------------------------------------------------------------------------
 * 3. Consistent eyebrow -> headline spacing across all sections.
 *    Eyebrows are <h5>. The rich-text editor left empty <h1>/<h2> tags acting
 *    as ad-hoc spacers; collapse those and drive the gap from one h5 margin so
 *    every section matches. (Scoped to the rich-text content wrappers only —
 *    NOT the story cards, which also use h3.)
 * ---------------------------------------------------------------------- */
.text-xl :is(h1, h2, h3, h4):empty,
.stories-block .text-navy-dark :is(h1, h2, h3, h4):empty {
	display: none;
}

.text-xl h5,
.stories-block .text-navy-dark h5 {
	margin: 0 0 1rem;
}

.text-xl :is(h1, h2, h3),
.stories-block .text-navy-dark :is(h2, h3) {
	margin-top: 0;
}

/* Hero gets a touch more breathing room between eyebrow and headline. */
.hero-block .text-xl h5 {
	margin-bottom: 1.5rem;
}