/* Shared header: one optical baseline for the brand and navigation. */
.site-header {
	align-items: center;
	padding: 1.45rem 3rem 0.3rem;
}

.site-header .brand,
.site-header .primary-navigation,
.site-header .primary-navigation ul {
	align-items: center;
	align-self: center;
}

.site-header .brand {
	display: flex;
}

.site-header .brand img {
	height: 2.6rem;
	max-width: 5.25rem;
}

.site-header .primary-navigation a {
	line-height: 1;
}

@media (max-width: 760px) {
	.site-header {
		padding: calc(2.05rem + env(safe-area-inset-top)) 1.25rem 0.15rem;
	}

	.site-header .brand img {
		height: 2.35rem;
		max-width: 4.8rem;
	}
}