/* ===========================================================================
   Helios — Hero slide widget
   Layout only. Type, buttons, media and the reveal come from hl-core.
   ======================================================================== */

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

.hl-hero__foot {
	display: flex;
	flex-wrap: wrap;
	gap: 34px 60px;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 44px;
	padding-top: 26px;
	border-top: 1px solid var(--hl-w-border, var(--hl-line));
}
.hl-hero__foot p { margin: 0; }

@media (max-width: 720px) {
	.hl-hero__foot {
		margin-top: 28px;
		gap: 24px 32px;
	}
}