.hero-section {
	display: grid;
	align-items: center;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
	gap: 24px;
	min-height: clamp(340px, 42vh, 460px);
	padding: clamp(30px, 5vw, 58px) clamp(18px, 4vw, 56px);
	color: white;
	background:
		linear-gradient(135deg, rgba(15, 118, 110, 0.92), rgba(30, 41, 59, 0.84)),
		url("../img/landingpage_foto.png");
	background-position: center 42%;
	background-size: cover;
}

.hero-copy {
	max-width: 760px;
}

.hero-copy h1 {
	margin: 0;
	font-size: clamp(38px, 7vw, 72px);
	line-height: 1.05;
}

.eyebrow {
	margin: 0 0 10px;
	color: #99f6e4;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}