/* Global masthead and brand treatment. */

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--bhc-color-line);
	background: rgb(255 255 255 / 88%) !important;
	box-shadow: 0 0.2rem 1rem rgb(100 54 36 / 5%);
	backdrop-filter: blur(1rem);
}

.admin-bar .site-header {
	top: 32px;
}

.site-header__inner {
	min-height: 4.75rem;
}

.site-header__inner > .wp-block-group {
	min-width: 0;
	flex: 0 1 20rem;
}

.site-header .wp-block-site-logo {
	flex: 0 0 auto;
}

.site-header .wp-block-site-title {
	max-width: 17rem;
	margin: 0;
	font-family: var(--wp--preset--font-family--display-sans);
	font-size: clamp(1.15rem, 1.02rem + 0.4vw, 1.45rem);
	font-weight: 750;
	letter-spacing: -0.015em;
	line-height: 1.1;
}

.site-header .wp-block-site-title a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

@media (max-width: 68rem) {
	.site-header__inner {
		gap: var(--wp--preset--spacing--20);
	}

	.site-header__inner > .wp-block-group {
		flex: 1 1 auto;
	}
}

@media (max-width: 48.875rem) {
	.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 37.5rem) {
	.site-header .wp-block-site-title {
		max-width: 13rem;
		font-size: 1.1rem;
	}

	.site-header .wp-block-site-logo img {
		max-width: 2.5rem;
	}
}