.site-header {
	height: 72px;
	min-height: 72px;
	padding: 0;
	background: #11181c;
}

.site-header__inner {
	width: min(calc(100% - 64px), 1376px);
	height: 100%;
	min-height: 0;
	margin-inline: auto !important;
	gap: 24px;
}

.delim-wordmark {
	width: 204px;
	flex: 0 0 204px;
	gap: 8px;
}

.delim-wordmark strong {
	font-size: 22px;
	letter-spacing: .12em;
}

.delim-wordmark span,
.delim-wordmark small {
	font-size: 10px;
	letter-spacing: .14em;
}

.site-menu {
	min-width: 0;
	margin-left: auto;
}

.site-menu__toggle {
	display: none;
}

.site-menu__panel {
	display: flex !important;
	align-items: center;
	gap: 20px;
}

.site-navigation {
	overflow: visible;
	gap: 12px;
	margin: 0;
	font-family: "JetBrains Mono", monospace;
	font-size: 12px;
}

.site-navigation__inquiry {
	display: grid;
	width: 192px;
	height: 48px;
	margin-left: 4px;
	place-items: center;
	background: #ff7d20;
	color: #101417;
	font-family: "Onest", system-ui, sans-serif;
	font-weight: 700;
}

.site-navigation .site-navigation__inquiry:hover {
	color: #101417;
}

.site-languages {
	gap: 0;
	padding: 0;
	border: 1px solid var(--delim-rule);
	font-size: 10px;
}

.site-languages a,
.site-languages span {
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
}

@media (max-width: 74.99rem) {
	.site-menu__toggle {
		display: grid;
		width: 104px;
		min-height: 44px;
		border: 1px solid var(--delim-rule);
		place-items: center;
		color: #fcfbf7;
		font-family: "JetBrains Mono", monospace;
		font-size: 12px;
		list-style: none;
		cursor: pointer;
	}

	.site-menu__toggle::-webkit-details-marker {
		display: none;
	}

	.site-menu__panel {
		display: none !important;
		position: absolute;
		z-index: 30;
		top: 100%;
		right: 0;
		left: 0;
		padding: 24px 32px;
		background: #11181c;
		border-bottom: 1px solid var(--delim-rule);
	}

	.site-menu[open] .site-menu__panel {
		display: grid !important;
		gap: 20px;
	}

	.site-navigation {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.site-navigation a {
		display: flex;
		min-height: 44px;
		align-items: center;
	}

	.site-navigation__inquiry {
		width: 100%;
		margin: 8px 0 0;
		grid-column: 1 / -1;
	}

	.site-languages {
		width: max-content;
	}
}

@media (max-width: 47.99rem) {
	.site-header__inner {
		display: flex;
		width: calc(100% - 32px);
		gap: 16px;
	}

	.delim-wordmark {
		width: 144px;
		flex-basis: 144px;
	}

	.delim-wordmark strong {
		font-size: 19px;
	}

	.site-menu__panel {
		padding: 24px 16px;
	}
}