/* ===========================================================================
   Helios — Page hero widget

   The theme defines .hl-page-hero for its own PHP templates; these rules are the
   fallback so the widget still lays out on a stock theme, and they are written to
   be identical rather than to override.
   ======================================================================== */

.hl-page-hero {
	position: relative;
	display: grid;
	align-content: end;
	min-height: 46vh;
	padding: calc(var(--hl-bar-h) + 60px) var(--hl-pad) clamp(40px, 6vw, 72px);
	overflow: hidden;
	isolation: isolate;
	background-color: var(--hl-w-bg, var(--hl-ink-2));
}

.hl-page-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--hl-wrap);
	margin-inline: auto;
}

.hl-page-hero :is(h1, h2) {
	margin: 0;
	font-family: var(--hl-f-display);
	font-size: clamp(2.2rem, 5.4vw, 4.4rem);
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -.01em;
}