/**
 * The coming-soon cover (T round, decision log 68).
 *
 * The only stylesheet the cover loads after tokens.css: the page has no header,
 * no footer and no component, so base.css and the rest would be weight without
 * a single rule to apply. Every value is a token - the theme's own where one
 * exists, and the four this page alone needs, declared once below.
 *
 * The surface is the footer's (--rh-ink-deep), so the wordmark and the text
 * take the dark-surface steps the footer already measured (layout.css,
 * .rh-footer): paper-warm on ink-deep, body-dark for the text, gold-light for
 * the link.
 */

.rh-cs {
	--rh-cs-wordmark: clamp(220px, 46vw, 560px);
	--rh-cs-gap: clamp(28px, 4vw, 48px);
	--rh-cs-underline: 1px;
	--rh-cs-underline-gap: 4px;

	--rh-link: var(--rh-gold-light);
	--rh-strong-text: var(--rh-paper-warm);
	--rh-body-text: var(--rh-body-dark);

	box-sizing: border-box;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	padding: var(--rh-gutter);
	display: grid;
	place-items: center;
	background: var(--rh-ink-deep);
	color: var(--rh-body-text);
	font-family: var(--rh-font-body);
	font-weight: var(--rh-w-regular);
	font-size: var(--rh-t-p-intro);
	line-height: var(--rh-lh-p-intro);
	text-align: center;
	-webkit-text-size-adjust: 100%;
}

.rh-cs__main {
	display: grid;
	justify-items: center;
	gap: var(--rh-cs-gap);
	width: 100%;
	max-width: var(--rh-lead-max);
}

.rh-cs__brand {
	margin: 0;
	line-height: 0;
	color: var(--rh-strong-text);
}

.rh-cs__brand svg {
	width: var(--rh-cs-wordmark);
	max-width: 100%;
	height: auto;
}

.rh-cs__text,
.rh-cs__contact {
	margin: 0;
	overflow-wrap: anywhere;
}

.rh-cs__mail {
	color: var(--rh-link);
	text-decoration: underline;
	text-decoration-thickness: var(--rh-cs-underline);
	text-underline-offset: var(--rh-cs-underline-gap);
	letter-spacing: var(--rh-ls-caption);
}

.rh-cs__mail:hover {
	color: var(--rh-strong-text);
}

.rh-cs__mail:focus-visible {
	outline: 2px solid var(--rh-outline-on-dark);
	outline-offset: 3px;
}