/*
 * Canonical public continuity layer.
 *
 * Public routes may direct different real-estate scenes, but the lobby floor,
 * header arrival, and handoff into the trust footer belong to one company.
 * Keep this stylesheet after the shared scene contracts and before page-owned
 * composition so individual stories can still direct their own foreground.
 */

:root {
	--hv-public-paper: #f7f2ea;
	--hv-public-paper-soft: #fcf8f2;
	--hv-public-ink: #10233f;
	--hv-public-copper: #b65e26;
	--hv-public-arrival-time: 320ms;
	--hv-public-arrival-ease: cubic-bezier(.22, 1, .36, 1);
}

html {
	background: var(--hv-public-paper);
}

/* The old navy body showed through as side rails and a slab behind the shared
   header. Warm paper is the continuous office floor; authored dark scenes and
   the trust footer retain their own deliberate backgrounds. */
body.hv-consumer-document--story {
	min-height: 100svh;
	background: var(--hv-public-paper);
}

body.hv-consumer-document--story > main {
	position: relative;
	isolation: isolate;
	background: var(--hv-public-paper);
}

body.hv-consumer-document--story > main > .stage {
	min-height: calc(100svh - 5rem);
	background: transparent;
	animation: hv-public-scene-arrive var(--hv-public-arrival-time) var(--hv-public-arrival-ease) both;
}

/* Keep the navigation visually anchored while the page-specific scene settles.
   Its glass reads from warm paper or the scene beneath it, never a stray rail. */
body.hv-consumer-document--story > header[data-public-header="marketing"] {
	transform: translateZ(0) !important;
	will-change: backdrop-filter;
}

/* The footer is the deliberate dark trust room. Remove accidental gaps without
   repainting any page ending or changing its legal and contact exits. */
body.hv-consumer-document--story > main + .hv-consumer-cta-zone,
body.hv-consumer-document--story > .hv-footer-cta,
body.hv-consumer-document--story > footer.hv-editorial-footer {
	margin-top: 0;
}

@keyframes hv-public-scene-arrive {
	from { opacity: .985; }
	to { opacity: 1; }
}

@media (max-width: 720px) {
	body.hv-consumer-document--story > main > .stage {
		min-height: calc(100svh - 4.5rem);
	}

	body.hv-consumer-document--story > header[data-public-header="marketing"] {
		background: rgba(252, 248, 242, .94) !important;
		box-shadow: 0 .65rem 2rem rgba(16, 35, 63, .08) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.hv-consumer-document--story > main > .stage {
		animation: none;
	}
}