/* =========================================
   HERO SECTION
========================================= */

.hero-section{
	position:relative;
	padding:120px 0 100px;
	background:#ffffff;
	overflow:hidden;
}

.hero-content{
	max-width:820px;
}

.hero-title{
	font-size:clamp(42px,6vw,72px);
	line-height:1.1;
	font-weight:700;
	margin-bottom:28px;
	color:#111111;
}

.hero-description{
	font-size:18px;
	line-height:1.8;
	max-width:720px;
	margin-bottom:40px;
	color:#555555;
}

.hero-actions{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}

@media (max-width:768px){

	.hero-section{
		padding:80px 0 72px;
	}

	.hero-title{
		font-size:42px;
	}

	.hero-description{
		font-size:16px;
	}

}