/* ==========================================================================
   Hero
   ========================================================================== */

.home-page {
	position: relative;
	overflow: hidden;
	margin-top: calc(var(--menu-height));
}

.home-page:before,
.home-page:after {
	position: absolute;
	content: "";
	height: 100rem;
	width: 28rem;
	border-radius: 99999px;
	transform: translateX(-50%) rotate(45deg);
	background-color: var(--bg-2);
}

.home-page:before {
	left: 0;
	bottom: -50rem;
}

.home-page:after {
	right: 0;
	top: 0;
	height: 50rem;
	width: 24rem;
	transform: translateX(50%) rotate(45deg);
}

.home-page__content {
	position: relative;
	z-index: 1;
}

.home-page__content .text {
	margin: 4rem 0;
}

.home-page__content .flex {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem 1.6rem;
}

.home-page__image {
	position: relative;
	z-index: 1;
}

.home-page__image img {
	
}