.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 1px solid var(--color-border);
	backdrop-filter: blur(12px);
}

.site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	min-height: 92px;
}

.site-branding__link,
.site-branding__logo-wrap,
.site-branding .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.site-branding .custom-logo-link {
	padding: 6px 0;
}

.site-branding__wordmark,
.site-branding__fallback-wordmark {
	font-family: var(--font-display);
	font-size: 4rem;
	line-height: 1;
	color: var(--color-text-primary);
}

.site-branding__wordmark em,
.site-branding__fallback-wordmark em {
	color: var(--color-gold);
	font-style: normal;
}

.site-branding__kicker {
	display: block;
	margin-top: 4px;
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.site-branding .custom-logo {
	width: auto !important;
	height: 104px !important;
	max-width: min(32vw, 420px);
}

.primary-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

.menu,
.footer-menu,
.footer-list {
	list-style: none;
	padding: 0;
}

.menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.menu a {
	position: relative;
	padding: 6px 0;
	color: var(--color-text-secondary);
	font-size: 14px;
	font-weight: 500;
}

.menu a:hover,
.menu .current-menu-item > a,
.menu .current_page_item > a {
	color: var(--color-text-primary);
}

.menu .current-menu-item > a::after,
.menu .current_page_item > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	height: 2px;
	background: var(--color-accent);
}

.site-header__actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.nav-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background: #fff;
	color: var(--color-text-primary);
}

.nav-toggle__bar,
.nav-toggle::before,
.nav-toggle::after {
	content: "";
	display: block;
	width: 18px;
	height: 2px;
	background: currentColor;
	border-radius: 999px;
	transition: transform 0.15s ease, opacity 0.15s ease;
}

.nav-toggle {
	position: relative;
}

.nav-toggle::before {
	position: absolute;
	transform: translateY(-6px);
}

.nav-toggle::after {
	position: absolute;
	transform: translateY(6px);
}

.nav-toggle[aria-expanded="true"] .nav-toggle__bar {
	opacity: 0;
}

.nav-toggle[aria-expanded="true"]::before {
	transform: rotate(45deg);
}

.nav-toggle[aria-expanded="true"]::after {
	transform: rotate(-45deg);
}

.mobile-drawer-backdrop {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 90;
	background: rgba(13, 13, 15, 0.2);
}

.mobile-drawer-backdrop.is-open {
	display: none;
}

body.nav-open {
	overflow: hidden;
}

@media (max-width: 1024px) {
	.site-header__inner {
		grid-template-columns: auto auto;
		justify-content: space-between;
	}

	.nav-toggle {
		display: inline-flex;
	}

	.primary-nav {
		position: fixed;
		top: 120px;
		left: 20px;
		right: 20px;
		bottom: auto;
		z-index: 110;
		width: auto;
		max-height: calc(100vh - 144px);
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 22px;
		padding: 22px;
		overflow-y: auto;
		background: #f8fbff;
		border: 1px solid rgba(18, 47, 92, 0.12);
		border-radius: 0 0 8px 8px;
		box-shadow: 0 24px 60px rgba(9, 22, 45, 0.18);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-12px);
		pointer-events: none;
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
	}

	.primary-nav.is-open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.menu {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 6px;
		width: 100%;
	}

	.menu a {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 10px 12px;
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.58);
		font-size: 18px;
	}

	.menu .current-menu-item > a::after,
	.menu .current_page_item > a::after {
		bottom: -4px;
	}

	.site-header__actions {
		position: static;
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: auto;
		padding-top: 24px;
		border-top: 1px solid rgba(18, 47, 92, 0.12);
	}

	.site-header__actions .button {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	.site-header__inner {
		min-height: 78px;
	}

	.site-branding__wordmark,
	.site-branding__fallback-wordmark {
		font-size: 3.2rem;
	}
}

.site-header {
	background: rgba(244, 248, 255, 0.36);
	border-bottom-color: rgba(18, 47, 92, 0.08);
	box-shadow: none;
	backdrop-filter: blur(18px);
}

.site-header__inner {
	min-height: 157px;
}

.menu a {
	color: var(--color-text-primary);
}

.menu a::before {
	content: "";
	position: absolute;
	left: -10px;
	right: -10px;
	top: 50%;
	height: 34px;
	border-radius: 999px;
	background: rgba(22, 58, 110, 0.06);
	transform: translateY(-50%) scale(0.9);
	opacity: 0;
	transition: opacity 0.15s ease, transform 0.15s ease;
	z-index: -1;
}

.menu a:hover::before,
.menu .current-menu-item > a::before,
.menu .current_page_item > a::before {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

.menu .current-menu-item > a::after,
.menu .current_page_item > a::after {
	bottom: -16px;
	background: linear-gradient(90deg, #1e4a8a, #c49a3b);
}

.nav-toggle {
	background: rgba(255, 255, 255, 0.72);
}

@media (max-width: 1024px) {
	.primary-nav {
		background:
			linear-gradient(180deg, rgba(248, 250, 255, 0.96), rgba(233, 241, 252, 0.98)),
			#fff;
		border-color: rgba(18, 47, 92, 0.12);
		box-shadow: 0 24px 60px rgba(9, 22, 45, 0.18);
	}

	.site-header__inner {
		min-height: 120px;
	}

	.site-branding .custom-logo {
		height: 115px !important;
		max-width: min(42vw, 320px);
	}
}

@media (min-width: 1025px) {
	.site-branding .custom-logo {
		height: 166px !important;
	}
}

@media (max-width: 768px) {
	.site-header__inner {
		min-height: 94px;
	}

	.site-branding .custom-logo {
		height: 83px !important;
		max-width: min(52vw, 240px);
	}

	.primary-nav {
		top: 94px;
		left: 12px;
		right: 12px;
		width: auto;
		max-height: calc(100vh - 106px);
	}
}

@media (max-width: 420px) {
	.primary-nav {
		left: 12px;
		right: 12px;
		width: auto;
		border-left: 1px solid rgba(18, 47, 92, 0.12);
		border-radius: 0 0 8px 8px;
	}
}

@media (max-width: 1024px) {
	body.nav-open {
		overflow: hidden;
	}

	.mobile-drawer-backdrop.is-open {
		display: none;
	}

	.primary-nav {
		position: fixed;
		top: var(--mobile-header-height, 120px);
		left: 16px;
		right: 16px;
		bottom: auto;
		z-index: 120;
		width: auto;
		max-height: calc(100vh - var(--mobile-header-height, 120px) - 24px);
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 18px;
		padding: 20px;
		overflow-y: auto;
		background:
			linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(238, 244, 253, 0.98)),
			#fff;
		border: 1px solid rgba(18, 47, 92, 0.14);
		border-radius: 0 0 8px 8px;
		box-shadow: 0 24px 64px rgba(9, 22, 45, 0.24);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		pointer-events: none;
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
	}

	.primary-nav.is-open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}

	.primary-nav .menu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
		width: 100%;
	}

	.primary-nav .menu a {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 10px 12px;
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.62);
		color: var(--color-text-primary);
		font-size: 18px;
	}

	.primary-nav .site-header__actions {
		position: static;
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
		gap: 12px;
		margin-top: 0;
		padding-top: 18px;
		border-top: 1px solid rgba(18, 47, 92, 0.12);
	}

	.primary-nav .site-header__actions .button {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	:root {
		--mobile-header-height: 94px;
	}

	.primary-nav {
		left: 12px;
		right: 12px;
		max-height: calc(100vh - 118px);
	}
}