/* ─── ХОЛСТ B2C ─── */
.mh__canvas {
	/* Тёплый кремовый градиент: bg (cream) → bg-deep (soft cream). */
	background: linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
	padding: 96px 56px;
}

/* W3/C4: модификатор section-head с ink-border (раньше inline border-color). */
.mh__canvas .mh__section-head { border-color: var(--ink); }
.mh__canvas-cases {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.mh__canvas-case {
	background: var(--paper);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 0;
	text-decoration: none;
	color: inherit;
	transition: transform 200ms ease-out;
}
.mh__canvas-case:hover { transform: translateY(var(--motion-lift-y-md)); }
.mh__canvas-case-img {
	aspect-ratio: 3 / 4;
	background: var(--bg-deep);
}
.mh__canvas-case-img img { width: 100%; height: 100%; object-fit: cover; }
.mh__canvas-case-body { padding: 18px 22px 22px; }
.mh__canvas-case-tag {
	font-family: var(--font-mh-mono);
	font-size: var(--text-mono-2xs); /* 10px → token */
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--accent);
	display: block;
	margin-bottom: 8px;
}
.mh__canvas-case-title {
	font-family: var(--font-mh-display);
	font-weight: 700;
	font-size: var(--text-price); /* 22px → token */
	line-height: 1.1;
	letter-spacing: -0.012em;
	color: var(--fg);
	margin: 0 0 6px;
}
.mh__canvas-case-desc {
	font-size: var(--text-body-sm);
	line-height: 1.45;
	color: var(--fg-mute);
	margin: 0;
}