/* ========================================
   SERVICE MATERIALS
   ======================================== */

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

.service-materials .section-heading{
	max-width:760px;
	margin:0 auto 90px;
	text-align:center;
}

.service-materials .section-title{
	margin-bottom:24px;
}

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

.service-materials-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	column-gap:56px;
	row-gap:72px;
}

.service-material-card{
	position:relative;
}

.service-material-card-image{
	position:relative;
	margin-bottom:28px;
	overflow:hidden;
}

.service-material-card-image img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	aspect-ratio:4/5;
	transition:transform .7s ease;
}

.service-material-card:hover img{
	transform:scale(1.04);
}

.service-material-card-content{
	position:relative;
}

.service-material-card-title{
	font-size:clamp(1.5rem, 3vw, 2rem);
	line-height:1.12;
	font-weight:500;
	letter-spacing:-0.03em;
	color:var(--color-text);
	margin:0 0 22px;
}

.service-material-card-description{
	color:var(--color-muted);
}

.service-material-card-description p{
	margin:0;
	font-size:var(--text-base);
	line-height:1.9;
}

.service-material-card{
	position:relative;
}

.service-material-card::after{
	content:'';
	position:absolute;
	left:0;
	top:-24px;
	width:100%;
	height:1px;
	background:rgba(91,76,66,.06);
}

.service-material-card:nth-child(-n+3)::after{
	display:none;
}