.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	border-block-end: 1px solid var(--color-border);
	background: color-mix(in srgb, var(--surface-paper) 94%, transparent);
	backdrop-filter: blur(10px);
}

.site-header__inner {
	display: flex;
	min-height: 5rem;
	align-items: center;
	gap: var(--space-5);
}

.site-header__brand {
	display: inline-flex;
	flex: 0 1 auto;
	min-width: 0;
	align-items: center;
	gap: 0.625rem;
	color: var(--color-walnut-900);
	text-decoration: none;
}

.site-header__brand:hover {
	color: var(--color-burgundy-800);
}

.site-header__logo {
	width: 2.25rem;
	height: 2.25rem;
	flex: 0 0 2.25rem;
	object-fit: contain;
}

.site-header__brand-name {
	white-space: nowrap;
	font-family: var(--font-heading);
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1;
}

.site-header__nav {
	flex: 1 1 auto;
	min-width: 0;
}

.site-header__nav-inner,
.site-header__nav-group,
.site-header__nav-actions,
.site-header__nav-list {
	display: flex;
	min-width: 0;
	align-items: center;
}

.site-header__nav-inner {
	justify-content: flex-end;
	gap: var(--space-5);
}

.site-header__nav-group {
	gap: var(--space-3);
}
.site-header__nav-group--casino {
	padding-inline-start: var(--space-5);
	border-inline-start: 1px solid var(--color-border);
}
.site-header__nav-label {
	margin: 0;
	color: var(--color-brass-700);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
}
.site-header__nav-list {
	gap: 0.875rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-header__nav-list li,
.site-header__nav-list li + li {
	margin: 0;
	padding: 0;
}
.site-header__nav-list a {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	white-space: nowrap;
	color: var(--color-walnut-700);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}
.site-header__nav-list a:hover,
.site-header__nav-list a[aria-current="page"] {
	color: var(--color-burgundy-800);
}
.site-header__nav-actions {
	gap: var(--space-3);
}
.site-header__contact,
.site-header__desktop-contact {
	min-height: 2.75rem;
	padding: 0.625rem 1rem;
	white-space: nowrap;
}
.site-header__offline {
	display: none;
	margin: 0;
}
.site-header__toggle {
	display: none;
	width: 3rem;
	min-width: 3rem;
	height: 3rem;
	min-height: 3rem;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0.3125rem;
	background: transparent;
	color: var(--color-walnut-900);
}
.site-header__toggle-line {
	width: 1.25rem;
	height: 1px;
	background: currentColor;
	transition:
		transform var(--transition-fast),
		opacity var(--transition-fast);
}

@media (max-width: 75rem) {
	.site-header__inner {
		min-height: 4.5rem;
		justify-content: space-between;
	}
	.site-header__logo {
		width: 2rem;
		height: 2rem;
		flex-basis: 2rem;
	}
	.site-header__brand-name {
		font-size: 1.3125rem;
	}
	.site-header__desktop-contact {
		display: none;
	}
	.site-header__toggle {
		display: flex;
		position: relative;
		z-index: 2;
	}
	.site-header__toggle[aria-expanded="true"]
		.site-header__toggle-line:nth-child(1) {
		transform: translateY(0.375rem) rotate(45deg);
	}
	.site-header__toggle[aria-expanded="true"]
		.site-header__toggle-line:nth-child(2) {
		opacity: 0;
	}
	.site-header__toggle[aria-expanded="true"]
		.site-header__toggle-line:nth-child(3) {
		transform: translateY(-0.375rem) rotate(-45deg);
	}
	.site-header__nav {
		position: fixed; width: 100%; top: 0; right: 0; left: 0; align-items: start; inset-block-start: 56px; 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; padding: var(--space-6) var(--space-4) var(--space-6); transform: translateY(-100%); opacity: 0; pointer-events: none; transition: opacity var(--transition-base), transform var(--transition-base);
	}
	.site-header__nav.is-open {
		display: block;
    opacity: 1;
pointer-events: auto;
transform: translateY(0%);
	}
	.site-header__nav-inner {
		display: grid;
		width: min(100%, 34rem);
		margin-inline: auto;
		justify-content: stretch;
		gap: var(--space-6);
	}
	.site-header__nav-group {
		display: grid;
		align-items: stretch;
		gap: var(--space-3);
	}
	.site-header__nav-group--casino {
		padding: var(--space-6) 0 0;
		border-inline-start: 0;
		border-block-start: 1px solid
			color-mix(in srgb, var(--color-brass-500) 60%, transparent);
	}
	.site-header__nav-label {
		color: var(--color-brass-500);
	}
	.site-header__nav-list {
		display: grid;
		gap: 0;
	}
	.site-header__nav-list a {
		min-height: 2.875rem;
		color: var(--color-paper);
		font-family: var(--font-heading);
		font-size: 1.65rem;
		font-weight: 600;
	}
	.site-header__nav-list a:hover,
	.site-header__nav-list a[aria-current="page"] {
		color: var(--color-brass-500);
	}
	.site-header__nav-actions {
		display: grid;
		gap: var(--space-4);
		padding-block-start: var(--space-5);
		border-block-start: 1px solid
			color-mix(in srgb, var(--color-paper) 20%, transparent);
	}
	.site-header__contact {
		width: 100%;
		min-height: 3rem;
	}
	.site-header__offline {
		display: block;
		color: color-mix(in srgb, var(--color-paper) 80%, transparent);
		font-size: var(--text-sm);
		line-height: var(--leading-small);
	}
	body:has(.site-header__nav.is-open) {
		overflow: hidden;
	}
}

@media (max-width: 37.5rem) {
	.site-header__inner {
		min-height: 4.25rem;
	}
	.site-header__brand {
		gap: var(--space-2);
	}
	.site-header__logo {
		width: 1.875rem;
		height: 1.875rem;
		flex-basis: 1.875rem;
	}
	.site-header__brand-name {
		font-size: 1.1875rem;
	}
}