.iris-built-to-bloom-page {
	margin: 0;
}

.iris-built-to-bloom-page .iris-btb-app {
	--font-display: "Cormorant Garamond";
	--font-body: "DM Sans";
	--btb-admin-bar-height: 0px;
	--btb-site-header-height: 64px;
	--btb-route-nav-height: 0px;
	--btb-rail-nav-height: 0px;
	width: 100%;
	max-width: none;
	margin: 0;
	overflow-x: clip;
	overflow-y: visible;
}

.admin-bar.iris-built-to-bloom-page .iris-btb-app {
	--btb-admin-bar-height: 32px;
}

.iris-built-to-bloom-page .iris-btb-app .site-header {
	top: var(--btb-admin-bar-height);
}

.iris-built-to-bloom-page .iris-btb-app .vine-navigation {
	top: calc(var(--btb-admin-bar-height) + var(--btb-site-header-height));
	height: auto;
}

/*
 * The application converts the desktop rail into a compact horizontal stage
 * navigator at this breakpoint. Keep the WordPress shell from reapplying the
 * desktop viewport-height rule and covering the product controls beneath it.
 */
@media (max-width: 1100px) {
	.iris-built-to-bloom-page .iris-btb-app .vine-navigation {
		height: var(--btb-rail-nav-height);
		min-height: var(--btb-rail-nav-height);
		max-height: var(--btb-rail-nav-height);
	}
}

.iris-built-to-bloom-page .iris-btb-app #today,
.iris-built-to-bloom-page .iris-btb-app #plan,
.iris-built-to-bloom-page .iris-btb-app #journey,
.iris-built-to-bloom-page .iris-btb-app #money,
.iris-built-to-bloom-page .iris-btb-app #learn,
.iris-built-to-bloom-page .iris-btb-app #library,
.iris-built-to-bloom-page .iris-btb-app #reflect,
.iris-built-to-bloom-page .iris-btb-app #from-iris {
	scroll-margin-top: calc(
		var(--btb-admin-bar-height) +
		var(--btb-site-header-height) +
		var(--btb-route-nav-height) +
		var(--btb-rail-nav-height) +
		16px
	);
}

.iris-built-to-bloom-page .iris-btb-loading,
.iris-btb-noscript {
	max-width: 760px;
	margin: 3rem auto;
	padding: 1.25rem;
	font-family: "DM Sans", sans-serif;
	text-align: center;
}

.iris-built-to-bloom-page .wp-site-blocks,
.iris-built-to-bloom-page #page,
.iris-built-to-bloom-page .site {
	max-width: none;
}

.iris-built-to-bloom-page .iris-btb-theme-site-title {
	display: block;
	margin: 0.67em 0;
	font-size: 2em;
	font-weight: bold;
}

.iris-built-to-bloom-nav-link {
	white-space: nowrap;
}

@media (max-width: 900px) {
	.iris-built-to-bloom-page .iris-btb-app {
		--btb-route-nav-height: 49px;
		--btb-rail-nav-height: 76px;
	}

	.iris-built-to-bloom-page .iris-btb-app .mobile-section-nav {
		top: calc(var(--btb-admin-bar-height) + var(--btb-site-header-height));
	}

	.iris-built-to-bloom-page .iris-btb-app .vine-navigation {
		top: calc(
			var(--btb-admin-bar-height) +
			var(--btb-site-header-height) +
			var(--btb-route-nav-height)
		);
		height: var(--btb-rail-nav-height);
		min-height: var(--btb-rail-nav-height);
		max-height: var(--btb-rail-nav-height);
	}
}

@media (max-width: 782px) {
	.admin-bar.iris-built-to-bloom-page .iris-btb-app {
		--btb-admin-bar-height: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar.iris-built-to-bloom-page .iris-btb-app {
		/* WordPress makes the mobile admin bar non-fixed, so it scrolls away. */
		--btb-admin-bar-height: 0px;
	}
}

@media (max-width: 720px) {
	.iris-built-to-bloom-page .iris-btb-app .landing-site-header,
	.iris-built-to-bloom-page .iris-btb-app .landing-product-nav {
		top: auto;
	}

	.iris-built-to-bloom-page .iris-btb-app .vine-navigation {
		top: 0;
		height: var(--btb-rail-nav-height);
		min-height: var(--btb-rail-nav-height);
		max-height: var(--btb-rail-nav-height);
	}
}

@media (max-width: 460px) {
	.iris-built-to-bloom-page .iris-btb-app {
		--btb-route-nav-height: 0px;
	}
}
