/* ─── SECTION helpers ─── */
.mh__section { padding: 48px 56px; }
.mh__section--tight { padding: 40px 56px; }
.mh__section--bleed { padding: 48px 0; }

.mh__section-head {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 56px;
	align-items: end;
	padding-bottom: 56px;
	border-bottom: 1.5px solid var(--ink);
	margin-bottom: 64px;
}
.mh__section-eyebrow {
	font-family: var(--font-mh-mono);
	font-size: var(--text-eyebrow); /* 11px → token */
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--fg-mute);
	display: inline-flex;
	gap: 12px;
	align-items: center;
}
.mh__section-eyebrow::before {
	content: ""; width: 22px; height: 1.5px; background: var(--accent);
}
.mh__h2 {
	font-family: var(--font-mh-display);
	font-weight: 700;
	font-size: clamp(40px, 4.6vw, 72px);
	line-height: 0.98;
	letter-spacing: -0.018em;
	margin: 14px 0 0;
	color: var(--fg);
	text-wrap: balance;
}
.mh__section-lead {
	font-size: 16.5px;
	line-height: 1.5;
	color: var(--fg-mute);
}

/* Section-head компактнее для services и howto: меньше отступы под секциями,
   крупный grid карточек получает больше места. */
#services.mh__section,
#howto.mh__section {
	padding-top: 36px;
	padding-bottom: 36px;
}
#services .mh__section-head,
#howto .mh__section-head {
	padding-bottom: 28px;
	margin-bottom: 32px;
}
#services .mh__h2,
#howto .mh__h2 {
	font-size: clamp(32px, 3.4vw, 52px);
}
#services .mh__section-lead,
#howto .mh__section-lead {
	font-size: var(--text-body);
}