/* ========================================
   SERVICE HERO
   ======================================== */

.service-hero{
	position:relative;
	min-height:88vh;
	display:flex;
	align-items:center;
	padding:140px 0;
	background-size:cover;
	background-position:center;
	overflow:hidden;
}

.service-hero::before{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(255,255,255,.18);
	z-index:1;
}

.service-hero .container{
	position:relative;
	z-index:2;
}

.service-hero__content{
	width:100%;
	max-width:760px;
}

.service-hero__title{
	max-width:720px;
	font-size:clamp(2.5rem, 6vw, 4rem);
	line-height:1.05;
	font-weight:500;
	letter-spacing:-0.03em;
	color:var(--color-text);
	margin:0 0 32px;
}

.service-hero__subtitle{
	width:100%;
	max-width:640px;
	font-size:var(--text-lg);
	line-height:1.8;
	color:var(--color-text-muted);
	margin-bottom:48px;
}

.service-hero__subtitle p{
	margin:0;
}

.service-hero__button{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	padding:1rem 2.5rem;
	background:var(--text-primary);
	color:var(--color-white) !important;
	text-decoration:none;
	font-size:0.9rem;
	font-weight:500;
	letter-spacing:.08em;
	text-transform:uppercase;
	border:none;
	border-radius:var(--radius-sm);
	cursor:pointer;
	transition:var(--transition);
}

.service-hero__button:hover{
	background:var(--color-accent);
	transform:translateY(-2px);
}