@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url("../fonts/manrope-latin.woff2") format("woff2");
}

@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
}

body.spo-landing-page {
	--spo-ink: #f5f8ff;
	--spo-muted: #bec8dd;
	--spo-cyan: #59baff;
	margin: 0;
	background: #060d20;
	font-family: "Manrope", Arial, sans-serif;
}

.spo-landing-page .site-content,
.spo-landing-page .spo-landing-shell {
	width: 100%;
	max-width: none;
	padding: 0 !important;
}

.spo-landing-page .page-header {
	display: none;
}

.spo-site-header--landing {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	color: #f5f8ff;
	font-family: "Manrope", Arial, sans-serif;
}

.spo-site-header--landing .spo-site-header__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	width: min(calc(100% - 64px), 1480px);
	height: 88px;
	margin-inline: auto;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.spo-site-header--landing .spo-site-header__nav { justify-self: start; }
.spo-site-header--landing .spo-site-header__menu { display: flex; align-items: center; gap: clamp(18px, 2.1vw, 38px); padding: 0; margin: 0; list-style: none; }
.spo-site-header--landing .spo-site-header__menu a { display: block; padding-block: 12px; color: #f8fbff; font-size: 11px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; }
.spo-site-header--landing .spo-site-header__logo { position: absolute; top: 50%; left: 50%; display: flex; width: 154px; transform: translate(-50%, -50%); }
.spo-site-header--landing .spo-site-header__logo img { display: block; width: 100%; height: auto; filter: brightness(0) invert(1); }
.spo-site-header--landing .spo-site-header__actions { display: flex; grid-column: 3; justify-self: end; align-items: center; gap: 17px; }
.spo-site-header--landing .spo-site-header__theme-action,
.spo-site-header--landing .spo-site-header__theme-action a,
.spo-site-header--landing .spo-site-header__theme-action .gz-button { color: inherit; }
.spo-site-header--landing .header-cart__counter.empty-counter { display: none; }
.spo-site-header--landing .spo-site-header__mobile-menu { display: none; }

@media (max-width: 767px) {
	.spo-site-header--landing .spo-site-header__inner { width: calc(100% - 36px); height: 72px; }
	.spo-site-header--landing .spo-site-header__mobile-menu { display: block; justify-self: start; }
	.spo-site-header--landing .spo-site-header__nav,
	.spo-site-header--landing .spo-site-header__theme-action--search,
	.spo-site-header--landing .spo-site-header__theme-action--account { display: none; }
	.spo-site-header--landing .spo-site-header__logo { width: 132px; }
	.spo-site-header--landing .spo-site-header__actions { gap: 0; }
	.spo-site-header--landing .spo-site-header__mobile-menu .header-hamburger { color: #fff; }
}

@media (prefers-reduced-motion: reduce) {
	.spo-landing-page *, .spo-landing-page *::before, .spo-landing-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}