/* A stable flow slot lets the visible header become slimmer without a page jump. */
body.norah-geometry-v1 .norah-header-slot {
	position: sticky;
	top: var(--norah-header-admin-offset, 0px);
	z-index: 60;
	height: var(--norah-header-rest-height, 81px);
	width: 100%;
	pointer-events: none;
}

body.norah-geometry-v1 .norah-home .norah-header-slot > .norah-header {
	position: relative;
	top: 0;
	pointer-events: auto;
}

body.norah-geometry-v1 .norah-home .norah-header .norah-brand { position: relative; }

body.norah-geometry-v1 .norah-home .norah-header .norah-brand:has(.norah-header-lockup) > img { opacity: 0; }

body.norah-geometry-v1 .norah-home .norah-header-lockup {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: min(100%, 220px);
	height: auto;
	max-width: 100%;
	translate: -2.7083333333% -50%;
	pointer-events: none;
}

.norah-header-lockup__mark {
	transform-box: view-box;
	transform-origin: 14px 40.6px;
	transform: translateY(0) scale(1);
}

body.norah-geometry-v1 .norah-header-slot[data-motion-ready] .norah-header,
body.norah-geometry-v1 .norah-header-slot[data-motion-ready] .norah-header__inner,
body.norah-geometry-v1 .norah-header-slot[data-motion-ready] .norah-brand,
body.norah-geometry-v1 .norah-header-slot[data-motion-ready] .norah-nav__link,
body.norah-geometry-v1 .norah-header-slot[data-motion-ready] .norah-header-lockup__mark {
	transition: min-height 280ms cubic-bezier(0.22, 1, 0.36, 1),
		padding 280ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
}

body.norah-geometry-v1 .norah-header-slot .norah-nav .norah-button {
	transition: min-height 280ms cubic-bezier(0.22, 1, 0.36, 1),
		padding 280ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 220ms ease, border-color 220ms ease,
		color 220ms ease, box-shadow 220ms ease;
}

body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-header__inner {
	min-height: 56px;
	min-block-size: 56px;
}

body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-brand,
body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-nav__link,
body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-nav .norah-button {
	min-height: 36px;
	min-block-size: 36px;
}

body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-nav .norah-button {
	padding: 4px 14px;
}

/* Approved mark: 70 SVG units tall at rest, 51 when compact. Text is 54.22. */
body.norah-header-scrolled .norah-header-lockup__mark {
	transform: translateY(0.76px) scale(0.7285714286);
}

@media (max-width: 1023.98px) {
	/* Keep the name and menu on one line even at 320px. */
	body.norah-geometry-v1 .norah-header-slot .norah-header__inner { column-gap: 8px; }
	body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-header__inner {
		min-height: 52px;
		min-block-size: 52px;
		padding-block: 4px;
	}
	body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-brand,
	body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-menu-toggle,
	body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-nav__link,
	body.norah-geometry-v1.norah-header-scrolled .norah-header-slot .norah-nav .norah-button {
		min-height: 44px;
		min-block-size: 44px;
	}
}

body.norah-geometry-v1 .norah-header-slot[data-measuring] * { transition: none !important; }

@media (prefers-reduced-motion: reduce) {
	body.norah-geometry-v1 .norah-header-slot *,
	body.norah-geometry-v1 .norah-header-slot[data-motion-ready] * {
		transition: none !important;
	}
}