/**
 * Page chrome for /contact/ (plans/09): a small ink header band above the shared
 * gold enquiry form (sections/contact-cta.css supplies the form itself). Kept
 * intentionally minimal — the form is the page, per Direction §4 (don't decorate
 * conversion surfaces).
 *
 * Built by Zinuxtech (ZX · Zinux) to the ZinuxTech Development Guide.
 */

.cnt-hero {
	position: relative;
	overflow: hidden;
	padding-block: calc(var(--inv-header-height) + var(--inv-space-xl)) var(--inv-space-2xl);
	background: var(--inv-ink) var(--inv-backdrop) center / cover no-repeat;
	color: var(--inv-text-inv);
}

.cnt-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	gap: var(--inv-space-md);
}

.cnt-hero__title {
	max-width: 18ch;
	font-size: clamp(3rem, 2rem + 5vw, 5.5rem);
	line-height: 0.98;
}

.cnt-hero__title::after {
	display: inline-block;
	width: 0.12em;
	height: 0.12em;
	margin-left: 0.06em;
	border-radius: 50%;
	background: var(--inv-signal);
	content: "";
}

.cnt-hero__intro {
	max-width: 44rem;
	color: var(--inv-muted-inv);
	font-size: clamp(1.05rem, 1.3vw, 1.3rem);
	line-height: 1.5;
}

.cnt-hero__slate {
	margin-top: var(--inv-space-sm);
	padding-top: var(--inv-space-sm);
	border-top: 1px solid var(--inv-line-inv);
	color: var(--inv-muted-inv);
	font-family: var(--inv-font-mono);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}