/* ─── AV Services ─── */
.av-services {
	background: var(--av-paper);
	padding: 96px 20px;
}
.av-services-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 52px;
}
p.av-services-lead {
	max-width: 380px;
	font-size: 16px;
	color: var(--av-ink-3);
	line-height: 1.6;
}
.av-svc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.av-services .av-svc-card {
	background: var(--av-paper);
	border: 1px solid var(--av-line);
	border-radius: var(--av-r-lg);
	padding: 28px 22px 24px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: border-color .2s, transform .2s, box-shadow .2s;
	align-items: flex-start;
}
.av-services .av-svc-card:hover {
	border-color: var(--av-rust);
	transform: translateY(-3px);
	box-shadow: var(--av-shadow-1);
}
.av-services .av-svc-num {
	position: absolute;
	top: 18px; right: 22px;
	font-family: var(--av-font-display);
	font-weight: 700;
	font-size: 13px;
	color: var(--av-ink-3);
	letter-spacing: .04em;
}
.av-svc-ico { 
	border-radius: 12px; 
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	transition: background .2s, color .2s;
}  
.av-svc-ico svg, 
.av-svc-ico i, 
.av-svc-ico img { width: 125px; height: 125px; font-size: 125px; line-height: 1; fill: currentcolor; object-fit: contain; box-shadow: 0 0px 20px rgb(196 32 46 / 10%); }
.av-services .av-svc-card h3 {
	font-size: 18px;
	margin-bottom: 8px;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--av-navy);
	margin-top: 0;
}
.av-services .av-svc-card h3 a {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
.av-services .av-svc-card p {
	font-size: 14px;
	color: var(--av-ink-3);
	line-height: 1.55;
	margin-bottom: 18px;
}
.av-services .av-svc-link {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--av-navy);
	text-decoration: none;
	transition: color .15s, gap .15s;
}
.av-services .av-svc-card:hover .av-svc-link { color: var(--av-rust); gap: 9px; }
.av-services .av-svc-link svg { width: 14px; height: 14px; }

@media (max-width: 1024px) { .av-svc-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 767.98px) {
	.av-svc-grid { grid-template-columns: repeat(2,1fr); }
	.av-services-head { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 575.98px) { .av-svc-grid { grid-template-columns: 1fr; } }