/* ============================================================================
   Directory page — cream title strip (hmd/page-heading).
   ONLY .hmd-page-heading lives here. The Vibemap combo below is skinned in
   vibemap.css. Tokens/aliases come from app.css.
   ========================================================================== */

/* ── Breadcrumb ───────────────────────────────────────────────────────────*/
.hmd-page-heading__crumbs {
	font-size: 0.6875rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--ink-soft);
	margin: 0 0 1rem;
}
.hmd-page-heading__crumbs a {
	color: var(--ink-soft);
	text-decoration: none;
}
.hmd-page-heading__crumbs a:hover { color: var(--magenta); }
.hmd-page-heading__crumbs span { color: var(--magenta); }

/* ── H1 with magenta accent ───────────────────────────────────────────────*/
.hmd-page-heading__title {
	font-family: var(--font-display);
	font-weight: 900;
	font-size: clamp(2.5rem, 6vw, 4rem);
	line-height: 0.9;
	letter-spacing: -0.03em;
	margin: 0 0 0.5rem;
}
.hmd-page-heading__title .accent { color: var(--magenta); }

/* ── Lede ─────────────────────────────────────────────────────────────────*/
.hmd-page-heading__lede {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--ink-soft);
	max-width: 640px;
	margin: 0;
}