/* One typographic pause, using the established brand tokens. No storefront chrome. */
.latchd-coming-soon { background: var(--surface-page); }
.coming-soon-shell { min-height: 100svh; display: flex; flex-direction: column; }
.coming-soon-brand { display: flex; justify-content: center; padding: var(--space-lg) var(--space-md); }
.coming-soon-brand img { width: calc(var(--space-xl) * 4); height: auto; }
.coming-soon-content {
	flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: var(--space-3xl) var(--space-md); text-align: center;
	background: var(--color-sage-deep); color: var(--ink-on-sage);
}
.coming-soon-eyebrow { margin: 0 0 var(--space-lg); font-size: var(--step--1); letter-spacing: 0.12em; text-transform: uppercase; }
.coming-soon-content h1 { margin: 0; font-size: var(--step-5); line-height: 1.15; color: inherit; }
.coming-soon-content h1 em { font-weight: inherit; }
.coming-soon-rule { width: var(--space-2xl); height: 1px; margin: var(--space-lg) 0; background: var(--color-gold); }
.coming-soon-note { max-width: calc(var(--container) / 3); margin: 0; font-size: var(--step-0); }
.coming-soon-follow { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: calc(var(--space-xl) - var(--space-3xs)); margin-top: var(--space-lg); color: inherit; text-underline-offset: var(--space-3xs); font-size: var(--step--1); }
.coming-soon-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); padding: var(--space-md); font-size: var(--step--1); color: var(--ink-soft); }
.coming-soon-footer p { margin: 0; }
@media (min-width: 48em) {
	.coming-soon-brand { padding: var(--space-xl); }
	.coming-soon-content { padding: var(--space-3xl) var(--space-xl); }
	.coming-soon-footer { padding: var(--space-md) var(--space-xl); }
}
