/* ─── VALUES ─── */
#values {
	background: var(--bg-1);
}

.val-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5px;
	background: var(--line);
	margin-top: 3rem;
}
.val-item {
	background: var(--bg-1);
	padding: 2.4rem 1.8rem;
	transition: background 0.3s;
}
.val-item:hover {
	background: rgba(200, 136, 58, 0.04);
}
.val-n {
	font-family: var(--ff-head);
	font-size: 4.5rem;
	color: rgba(200, 136, 58, 0.09);
	line-height: 1;
	margin-bottom: -0.5rem;
}
.val-title {
	font-family: var(--ff-head);
	font-size: 1.35rem;
	letter-spacing: 0.06em;
	color: var(--amber);
	margin-bottom: 0.8rem;
}
.val-desc {
	font-size: 0.8rem;
	color: var(--txt-dim);
	line-height: 1.72;
}