.ee-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgba(17, 18, 20, 0.9);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--color-border);
}
.ee-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 72px;
}
.ee-brand {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	flex-shrink: 0;
}
.ee-brand__mark {
	height: 44px;
	width: auto;
}
.ee-brand__text {
	font-family: var(--font-heading);
	font-size: 0.9rem;
	letter-spacing: 0.08em;
}

.ee-nav__list {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	margin: 0;
	padding: 0;
}
.ee-nav__list li {
	margin: 0;
}
.ee-nav__link {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-text-secondary);
}
.ee-nav__link:hover,
.ee-nav__link:focus {
	color: var(--color-accent-gold);
}
.ee-nav__cta {
	margin-left: 0.5rem;
}

.ee-nav-toggle {
	display: none;
}
.ee-nav-toggle span {
	width: 22px;
	height: 2px;
	background: var(--color-text-primary);
	display: block;
}

.ee-mobile {
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	align-items: start;
	inset-block-start: 456px;
	background:
		radial-gradient(circle at top, rgba(200, 164, 90, 0.08), transparent 55%),
		rgba(9, 9, 12, 0.98);
	flex-direction: column;
	justify-content: space-between;
	transform: translateY(-100%);
	
	transition:
		opacity var(--transition-base),
		transform var(--transition-base);
}
[hidden] {
	display: none !important;
}
.ee-mobile__panel {
	width: 100%;
	background: var(--color-bg-secondary);
	padding: 2rem;
}
.ee-mobile__list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.ee-mobile__list a {
	font-size: 1rem;
}

@media (max-width: 900px) {
	.ee-nav--desktop {
		display: none;
	}
	.ee-nav-toggle {
		display: flex;
	}
	.ee-brand__mark {
		height: 36px;
	}
}
