html.desktop {
	--spacing-edge-v: 30px;
	--spacing-edge-h: 30px;
	--site-header-height: 110px;
}

/* -----------------------------------------------------
*  Header
*  ----------------------------------------------------- */

.desktop site-header {
	position: initial;
    height: var(--site-header-height);
}

/* -----------------------------------------------------
*  Desktop Menu
*  ----------------------------------------------------- */

html:not(.desktop) site-header nav {
	display: none;
}

.desktop #burger {
	display: none;
}

site-header nav {
	display: flex;
}

site-header nav a {
	position: relative;
	height: 46px;
	display: flex;
	align-items: center;
	outline: 0;
	text-decoration: none;
	transition: .3s cubic-bezier(.58,.3,.005,1);
}

site-header nav a:not(:last-child) {
	margin-right: var(--spacing-h);
}

site-header nav a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(100% + var(--spacing-h));
	width: 10px;
	height: 3px;
	background: #fff;
	opacity: 0;
	transition: inherit;
}

site-header nav a:hover::after {
	left: 0;
	width: 100%;
	opacity: 1;
}