@media (width < 820px) {
	/* Compact header only while scrolling (JS adds .is-scrolled) */
	.site-header,
	.site-header .header-inner,
	.site-header .kabepita-brand-mark,
	.site-header .nav-toggle {
		transition: height 180ms ease, min-height 180ms ease, max-height 180ms ease, width 180ms ease, padding 180ms ease, margin 180ms ease, opacity 180ms ease, transform 180ms ease;
	}

	.site-header.is-scrolled {
		height: 2.9rem !important;
	}

	.site-header.is-scrolled .header-inner {
		min-height: 2.9rem;
	}

	.site-header.is-scrolled .kabepita-brand-lead {
		display: none;
	}

	.site-header.is-scrolled .kabepita-brand-mark {
		max-height: 1.75rem;
	}

	.site-header.is-scrolled .nav-toggle {
		width: 2rem;
		height: 2rem;
	}
}

/* Extra safety for non-iOS browsers */
body.is-nav-open {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	@media (width < 820px) {
		.site-header,
		.site-header .header-inner,
		.site-header .kabepita-brand-mark,
		.site-header .nav-toggle {
			transition-duration: 0.01ms;
		}
	}
}