/* Keep the main hero copy higher in the first screen. */
.bn-hero {
	align-items: flex-start !important;
	padding-top: clamp(8px, 1.4vw, 22px) !important;
}

.bn-hero-copy {
	max-width: 720px !important;
	padding-top: 0 !important;
}

.bn-hero h1 {
	max-width: min(720px, 100%) !important;
	margin-top: 0 !important;
	font-size: clamp(42px, 4vw, 60px) !important;
	line-height: 1.07 !important;
	white-space: nowrap !important;
}

.bn-hero .bn-gradient-text {
	display: block !important;
	white-space: normal !important;
}

.bn-hero p {
	margin-top: 22px !important;
}

@media (max-width: 1100px) {
	.bn-hero {
		padding-top: 4px !important;
	}

	.bn-hero-copy {
		max-width: 660px !important;
	}

	.bn-hero h1 {
		font-size: clamp(38px, 5.8vw, 52px) !important;
	}
}

@media (max-width: 760px) {
	.bn-hero {
		padding-top: 0 !important;
	}

	.bn-hero-copy {
		max-width: 100% !important;
	}

	.bn-hero h1 {
		max-width: 100% !important;
		font-size: clamp(34px, 10vw, 48px) !important;
		white-space: normal !important;
	}
}