.site-header {
	background-color: #0b202c;
	background-image: url("../images/splash_background.webp");
	background-repeat: repeat-x;
	background-size: auto 100%;
}

.site-header__inner {
	max-width: 768px;
	margin-inline: auto;
	padding-block: 16px;
}

.site-header__home {
	display: flex;
	align-items: center;
	gap: clamp(12px, 3vw, 24px);
	width: fit-content;
	max-width: 100%;
}

.site-header__logo {
	display: block;
	flex: 0 0 auto;
	width: clamp(72px, 20vw, 128px);
	height: auto;
}

.site-header__title {
	display: block;
	width: min(60vw, 400px);
	min-width: 0;
	height: auto;
}

.site-header__home:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}