/*
 * The Landing staging: two narrowly scoped presentation adjustments.
 * 1. Bounded, scroll-linked location-label motion on the homepage.
 * 2. Clear separation between the desktop submenu and the six page heroes.
 */

body.landing-v2-home .landing-v2-home-map-section.has-location-scroll-motion .landing-v2-home-map-arch,
body.landing-v2-home .landing-v2-home-map-section.has-location-scroll-motion.is-map-visible .landing-v2-home-map-arch {
	animation: none;
	opacity: var(--landing-location-scroll-opacity, 0);
	transform: translate3d(0, var(--landing-location-scroll-y, 48px), 0);
	transform-origin: center bottom;
	transition: none;
	will-change: opacity, transform;
}

/* Keep the location label horizontal without changing its bounded scroll motion. */
body.landing-v2-home .landing-v2-home-map-arch {
	width: auto;
}

body.landing-v2-home .landing-v2-home-map-arch > span {
	color: var(--landing-v2-mahogany);
	display: inline-flex;
	font-family: Karla, "Helvetica Neue", Arial, sans-serif;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 10px;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

@media only screen and (max-width: 1000px) {
	body.landing-v2-home .landing-v2-home-map-arch {
		margin: -0.5rem auto 1.75rem;
		width: max-content;
	}
}

@media only screen and (max-width: 650px) {
	body.landing-v2-home .landing-v2-home-map-arch {
		margin-bottom: 1.25rem;
		max-width: calc(100vw - 2.5rem);
	}

	body.landing-v2-home .landing-v2-home-map-arch > span {
		font-size: 38px;
		letter-spacing: 8px;
	}
}

@media only screen and (min-width: 901px) {
	body.landing-v2-submenu-refined .landing-v2-page-hero-copy {
		--landing-submenu-panel-width: clamp(320px, 30vw, 440px);
		--landing-submenu-copy-gap: clamp(2rem, 4vw, 4rem);
		left: calc(var(--landing-submenu-panel-width) + var(--landing-submenu-copy-gap));
		max-width: none;
		width: min(
			740px,
			calc(100vw - var(--landing-submenu-panel-width) - (2 * var(--landing-submenu-copy-gap)))
		);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.landing-v2-home .landing-v2-home-map-section.has-location-scroll-motion .landing-v2-home-map-arch,
	body.landing-v2-home .landing-v2-home-map-section.has-location-scroll-motion.is-map-visible .landing-v2-home-map-arch {
		animation: none;
		opacity: 1;
		transform: none;
		transition: none;
	}
}