/* ========================================
   SERVICE PROCESS
   ======================================== */

.service-process{
	position:relative;
	padding:var(--space-4xl) 0;
	background:var(--color-background);
}

.service-process-header{
	max-width:860px;
	margin:0 auto var(--space-4xl);
	text-align:center;
}

.service-process-header .section-title{
	margin-bottom:28px;
}

.service-process-header .section-subtitle{
	font-size:var(--text-lg);
	line-height:1.8;
	color:var(--color-muted);
}

.service-process-timeline{
	display:grid;
	grid-template-columns:repeat(3, minmax(0,1fr));
	column-gap:48px;
	row-gap:96px;
}

.process-item{
	position:relative;
	padding-top:56px;
	text-align:center;
}

.process-item::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:rgba(91,76,66,.08);
	line-height:1;
	color:rgba(91,76,66,.08);
}

.process-item-content{
	position:relative;
	z-index:2;
}

.process-item-title{
	font-size:clamp(1.5rem, 3vw, 2rem);
	line-height:1.08;
	font-weight:500;
	letter-spacing:-0.04em;
	color:var(--color-text);
	margin:0 0 24px;
}

.process-item-text{
	max-width:420px;
	margin:0 auto;
	color:var(--color-muted);
}

.process-item-text p{
	margin:0;
	font-size:var(--text-base);
	line-height:1.9;
}