html {
	scroll-padding-top: 5.5rem;
	overflow-x: clip;
}

body {
	overflow-x: clip;
}

#site-nav-slot,
[data-site-nav-slot] {
	position: sticky;
	top: 0;
	z-index: 50;
	min-height: 5.5rem;
	padding: 0;
	transition: padding 0.35s ease;
}

#site-nav-slot:not([data-loaded]),
[data-site-nav-slot]:not([data-loaded]) {
	background: linear-gradient(
		90deg,
		rgb(255 249 235 / 0.4) 0%,
		rgb(226 243 235 / 0.55) 50%,
		rgb(255 249 235 / 0.4) 100%
	);
	background-size: 200% 100%;
	animation: site-nav-shimmer 1.2s ease-in-out infinite;
}

#site-nav-slot[data-loaded],
[data-site-nav-slot][data-loaded] {
	min-height: 0;
	animation: none;
	background: none;
}

@keyframes site-nav-shimmer {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

#site-nav-slot[data-scrolled="true"],
[data-site-nav-slot][data-scrolled="true"] {
	padding: 0.625rem 0.75rem 0;
}

@media (min-width: 640px) {
	#site-nav-slot[data-scrolled="true"],
	[data-site-nav-slot][data-scrolled="true"] {
		padding: 0.75rem 1.25rem 0;
	}
}

[data-site-header-inner] {
	border: 1px solid transparent;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	transition:
		border-color 0.35s ease,
		background-color 0.35s ease,
		border-radius 0.35s ease,
		box-shadow 0.35s ease,
		padding 0.35s ease,
		backdrop-filter 0.35s ease;
}

#site-nav-slot[data-scrolled="true"] [data-site-header-inner],
[data-site-nav-slot][data-scrolled="true"] [data-site-header-inner] {
	border-color: rgb(16 35 29 / 0.1);
	border-radius: 1rem;
	background-color: rgb(255 249 235 / 0.82);
	box-shadow:
		0 0 0 1px rgb(16 35 29 / 0.06),
		0 12px 40px rgb(11 36 30 / 0.1);
	backdrop-filter: blur(14px);
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

#site-nav-slot[data-scrolled="true"][data-menu-open="true"] [data-site-header-inner],
[data-site-nav-slot][data-scrolled="true"][data-menu-open="true"] [data-site-header-inner] {
	border-radius: 1rem 1rem 0 0;
	border-bottom-color: transparent;
}

#site-nav-slot[data-scrolled="true"] [data-site-nav-mobile],
[data-site-nav-slot][data-scrolled="true"] [data-site-nav-mobile] {
	border-color: rgb(16 35 29 / 0.1);
	border-radius: 0 0 1rem 1rem;
	background-color: rgb(255 249 235 / 0.82);
	box-shadow:
		0 0 0 1px rgb(16 35 29 / 0.06),
		0 12px 40px rgb(11 36 30 / 0.1);
	backdrop-filter: blur(14px);
}

[data-site-header-tagline] {
	overflow: hidden;
	max-height: 1.25rem;
	opacity: 1;
	transition:
		max-height 0.35s ease,
		opacity 0.25s ease,
		margin 0.35s ease;
}

#site-nav-slot[data-scrolled="true"] [data-site-header-tagline],
[data-site-nav-slot][data-scrolled="true"] [data-site-header-tagline] {
	max-height: 0;
	opacity: 0;
}