/**
 * Unified site header — used on every page, including the custom front page.
 * Self-contained: no dependency on the front-page Tailwind stylesheet.
 * Colors mirror the theme.json palette.
 */

.blg-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(10, 15, 30, 0.9); /* base navy at 90% */
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid #1E2740; /* line */
}

.blg-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
	max-width: 1152px;
	margin: 0 auto;
	padding: 0 20px;
}

@media (min-width: 640px) {
	.blg-header__inner {
		padding: 0 32px;
	}
}

.blg-header__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.blg-header__logo {
	height: 28px;
	width: auto;
	display: block;
}

.blg-header__tagline {
	font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #939FB2; /* muted */
	display: none;
}

@media (min-width: 640px) {
	.blg-header__tagline {
		display: block;
	}
}

.blg-header__nav {
	display: none;
	align-items: center;
	gap: 28px;
}

@media (min-width: 900px) {
	.blg-header__nav {
		display: flex;
	}
}

.blg-header__nav a {
	font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #939FB2; /* muted */
	text-decoration: none;
	transition: color 0.15s ease;
}

.blg-header__nav a:hover {
	color: #F1EDE4; /* foreground */
}

.blg-header__cta {
	font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background: #E4B66A; /* primary gold */
	color: #12141A; /* on-primary ink */
	padding: 8px 16px;
	border-radius: 6px;
	text-decoration: none;
	transition: background 0.15s ease;
	white-space: nowrap;
}

.blg-header__cta:hover {
	background: rgba(228, 182, 106, 0.85);
	color: #12141A;
}
