/**
 * Hero — docs/sections/HEADER-HERO.md §5.
 * Copy, alignment and type sizes live in Elementor; these rules cover what Elementor
 * controls cannot express (clamp() padding on the frame, max-width in em, text-wrap).
 */

.e-con.go-hero {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
}

/*
 * The gradient body is full bleed with no frame lines (as designed); side padding keeps
 * the content inside the container edges: outer gutter + inner padding.
 */
.e-con.go-hero__body {
	--padding-top: clamp(64px, 9vw, 128px);
	--padding-bottom: clamp(64px, 8vw, 112px);
	--padding-left: calc(var(--go-gutter) + var(--go-pad-x));
	--padding-right: calc(var(--go-gutter) + var(--go-pad-x));
}

.go-hero__title .elementor-heading-title {
	max-width: 10em;
	margin-inline: auto;
	text-wrap: balance;
}

.go-hero__lead .elementor-heading-title {
	max-width: 32em;
	margin-inline: auto;
	text-wrap: pretty;
}

.e-con.go-hero__actions {
	--padding-top: 4px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
}

.e-con.go-hero__checks {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
}