.hero {
	position: relative;
	background-color: var(--color-blue-lighter);
	margin-bottom: 180px;
}

.hero__content {
	padding-top: 48px;
	width: 100%;
	position: relative;
	max-width: 720px;
	z-index: 3;
}

.hero__title {
	font-family: "Outfit", sans-serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: 64px; /* 133.333% */
	color: var(--color-blue-darkest);
	letter-spacing: -0.48px;
	margin: 0 0 8px 0;
}

.hero__subtitle {
	font-family: "Outfit", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px; /* 160% */
	color: var(--color-blue-darkest);
	margin-top: 10px;
}

.hero__image {
	position: absolute;
	right: -140px;
	top: 80px;
	z-index: 1;
}

.hero__wave {
	position: absolute;
	width: 100vw;
	transform-origin: 0 50%;
}

@media (max-width: 1268px) {
	.hero__image {
		right: -140px;
		top: 150px;
	}
}

@media (max-width: 768px) {
	.hero {
		margin-bottom: 80px;
	}

	.hero__image {
		display: none;
	}

	.hero__wave {
		transform: scaleX(2);
	}
}

@media (max-width: 480px) {
	.hero {
		margin-bottom: 60px;
	}
}