/* ── HPZ Theme — Hero section (core-block content around the
   hpz/hero-slider block; the slider itself is styled in
   blocks/hero-slider/style.css) ── */

.hero-section { padding-top: 0; }
.hero-section > * { margin-block-start: 0; }

.hero-below {
	max-width: 1280px;
	margin: 0 auto;
	padding: 48px var(--pad-x) 12px;
	gap: 24px;
}
.hero-below > * { margin-block-start: 0; }
@media (min-width: 880px) {
	.hero-below { flex-wrap: nowrap !important; align-items: end !important; padding: 64px var(--pad-x) 24px; gap: 64px; }
	.hero-heading { flex: 1.3 1 0; min-width: 0; }
	.hero-aside { flex: 1 1 0; min-width: 0; }
}

.hero-heading > * { margin-block-start: 0; }
.hero-eyebrow { color: var(--wp--preset--color--accent); margin-bottom: 16px; display: inline-block; }
.hero-headline { line-height: 1.0; max-width: 16ch; text-wrap: balance; margin: 0; }

.hero-aside { display: flex; flex-direction: column; gap: 22px; }
.hero-aside > * { margin-block-start: 0; }
.hero-sub { max-width: 38ch; }
.hero-ctas { flex-wrap: wrap; gap: 10px; margin: 0; }