/* Section: Hero */

.tra-hero {
	--tra-section-bg: color-mix(in srgb, var(--tra-cream) 10%, transparent);
	background-color: var(--tra-section-bg);
}

.tra-hero__heading {
	margin-top: 2rem;
}

.tra-hero__inner > .tra-badge + .tra-hero__heading {
	margin-top: 2rem;
}

.tra-hero__lead {
	max-width: var(--tra-hero-lead-max, 42rem);
	margin-inline: auto;
	margin-top: 2.5rem;
}

.tra-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 3rem;
}

/* Optional corner glow (long-form landing pages). */
.tra-hero--glow {
	position: relative;
	overflow: hidden;
}

.tra-hero--glow > .tra-container {
	position: relative;
	z-index: 1;
}

.tra-hero__glow {
	right: -5rem;
	bottom: -5rem;
}