/* Homepage-only spacing refinement between Our Location and The Ledger. */

body.landing-v2-home .landing-v2-home-map-section {
	padding-bottom: clamp(4rem, 6.5vw, 7rem);
}

body.landing-v2-home .landing-v2-home-notes {
	padding-bottom: clamp(4rem, 6.5vw, 7rem);
	padding-top: clamp(4rem, 6.5vw, 7rem);
}

body.landing-v2-home .landing-v2-home-notes-heading {
	margin-bottom: clamp(3rem, 5.5vw, 5.5rem);
}

body.landing-v2-home .landing-v2-home-notes-grid {
	position: relative;
}

body.landing-v2-home .landing-v2-home-notes-grid > figure.landing-v2-home-notes-guide {
	overflow: visible;
	position: relative;
}

body.landing-v2-home .landing-v2-home-stay > figure.landing-v2-home-stay-bungalows,
body.landing-v2-home .landing-v2-home-gallery-grid > figure.landing-v2-home-gallery-rhythm {
	overflow: visible;
	position: relative;
}

body.landing-v2-home .landing-v2-home-stay-media,
body.landing-v2-home .landing-v2-home-gallery-media,
body.landing-v2-home .landing-v2-home-notes-media {
	display: block;
	overflow: hidden;
}

body.landing-v2-home .landing-v2-home-bungalows-label,
body.landing-v2-home .landing-v2-home-rhythm-label {
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

body.landing-v2-home .landing-v2-home-bungalows-label {
	right: -11%;
	top: 0;
	transform: translateY(-25%);
	width: min(45vw, 560px);
}

body.landing-v2-home .landing-v2-home-rhythm-label {
	right: -26%;
	top: 0;
	transform: translateY(-52%);
	width: min(36vw, 480px);
}

body.landing-v2-home .landing-v2-home-bungalows-arch svg,
body.landing-v2-home .landing-v2-home-rhythm-arch svg,
body.landing-v2-home .landing-v2-home-guide-arch svg {
	display: block;
	height: auto;
	overflow: visible;
	width: 100%;
}

body.landing-v2-home .landing-v2-home-bungalows-arch path,
body.landing-v2-home .landing-v2-home-rhythm-arch path,
body.landing-v2-home .landing-v2-home-guide-arch path {
	fill: none;
}

body.landing-v2-home .landing-v2-home-bungalows-arch text,
body.landing-v2-home .landing-v2-home-rhythm-arch text,
body.landing-v2-home .landing-v2-home-guide-arch text {
	fill: var(--landing-v2-mahogany);
	font-family: Karla, "Helvetica Neue", Arial, sans-serif;
	font-size: 42px;
	font-weight: 500;
	letter-spacing: 10px;
	text-transform: uppercase;
}

body.landing-v2-home .landing-v2-home-bungalows-arch text {
	font-size: 36px;
	letter-spacing: 8px;
}

body.landing-v2-home .landing-v2-home-guide-label {
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate(-50%, -74%);
	width: min(34vw, 470px);
	z-index: 3;
}

body.landing-v2-home .landing-v2-home-notes-guide.has-guide-scroll-motion .landing-v2-home-guide-arch {
	opacity: var(--landing-guide-scroll-opacity, 0);
	transform: translate3d(0, var(--landing-guide-scroll-y, 48px), 0);
	transform-origin: center bottom;
	will-change: opacity, transform;
}

body.landing-v2-home .landing-v2-home-stay-bungalows.has-bungalows-scroll-motion .landing-v2-home-bungalows-arch {
	opacity: var(--landing-bungalows-scroll-opacity, 0);
	transform: translate3d(0, var(--landing-bungalows-scroll-y, 48px), 0);
	transform-origin: center bottom;
	will-change: opacity, transform;
}

body.landing-v2-home .landing-v2-home-gallery-rhythm.has-rhythm-scroll-motion .landing-v2-home-rhythm-arch {
	opacity: var(--landing-rhythm-scroll-opacity, 0);
	transform: translate3d(0, var(--landing-rhythm-scroll-y, 48px), 0);
	transform-origin: center bottom;
	will-change: opacity, transform;
}

/* Present the decorative labels horizontally while retaining scroll-linked motion. */
body.landing-v2-home .landing-v2-home-bungalows-label,
body.landing-v2-home .landing-v2-home-rhythm-label,
body.landing-v2-home .landing-v2-home-guide-label {
	width: auto;
}

body.landing-v2-home .landing-v2-home-bungalows-arch > span,
body.landing-v2-home .landing-v2-home-rhythm-arch > span,
body.landing-v2-home .landing-v2-home-guide-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;
}

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

body.landing-v2-home .landing-v2-home-bungalows-label {
	right: clamp(-1.25rem, -1.5vw, -0.5rem);
	transform: translateY(-50%);
}

body.landing-v2-home .landing-v2-home-rhythm-label {
	right: clamp(-1.75rem, -2vw, -0.75rem);
	transform: translateY(-68%);
}

body.landing-v2-home .landing-v2-home-guide-label {
	transform: translate(-50%, -85%);
}

@media only screen and (max-width: 900px) {
	body.landing-v2-home .landing-v2-home-stay > figure.landing-v2-home-stay-bungalows,
	body.landing-v2-home .landing-v2-home-gallery-grid > figure.landing-v2-home-gallery-rhythm {
		margin-top: clamp(5.5rem, 14vw, 7rem);
	}

	body.landing-v2-home .landing-v2-home-bungalows-label,
	body.landing-v2-home .landing-v2-home-rhythm-label {
		left: 50%;
		right: auto;
		top: 0;
		transform: translate(-50%, -55%);
		width: auto;
	}
}

@media only screen and (max-width: 700px) {
	body.landing-v2-home .landing-v2-home-map-section {
		padding-bottom: 4rem;
	}

	body.landing-v2-home .landing-v2-home-notes {
		padding: 3.75rem 1.25rem 4.5rem;
	}

	body.landing-v2-home .landing-v2-home-notes-heading {
		margin-bottom: 3rem;
	}

	body.landing-v2-home .landing-v2-home-notes-grid > figure.landing-v2-home-notes-guide {
		margin-top: clamp(5.5rem, 22vw, 7rem);
	}

	body.landing-v2-home .landing-v2-home-guide-label {
		width: auto;
	}

	body.landing-v2-home .landing-v2-home-bungalows-label,
	body.landing-v2-home .landing-v2-home-rhythm-label {
		left: 50%;
		right: auto;
		top: 0;
		transform: translate(-50%, -55%);
		width: auto;
	}

	body.landing-v2-home .landing-v2-home-gallery-grid > figure.landing-v2-home-gallery-rhythm {
		margin-top: clamp(5.5rem, 22vw, 7rem);
	}

	body.landing-v2-home .landing-v2-home-bungalows-arch text,
	body.landing-v2-home .landing-v2-home-rhythm-arch text,
	body.landing-v2-home .landing-v2-home-guide-arch text {
		font-size: 38px;
		letter-spacing: 8px;
	}

	body.landing-v2-home .landing-v2-home-bungalows-arch text {
		font-size: 32px;
		letter-spacing: 6px;
	}

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

	body.landing-v2-home .landing-v2-home-bungalows-arch > span {
		font-size: 32px;
		letter-spacing: 6px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.landing-v2-home .landing-v2-home-stay-bungalows.has-bungalows-scroll-motion .landing-v2-home-bungalows-arch,
	body.landing-v2-home .landing-v2-home-gallery-rhythm.has-rhythm-scroll-motion .landing-v2-home-rhythm-arch,
	body.landing-v2-home .landing-v2-home-notes-guide.has-guide-scroll-motion .landing-v2-home-guide-arch {
		opacity: 1;
		transform: none;
	}
}