.header {
	background-color: transparent;
	padding-top: 16px;
	padding-bottom: 16px;
	z-index: 9999;
	position: fixed;
	height: var(--gl-header-height);
	transition: var(--tr-header);
    backdrop-filter: blur(8px);
	text-align: center;
	box-shadow: none;
}
.header .menu .item {
	color: var(--cl-primary-5);
	transition: var(--tr-header);
	opacity: 1;
	white-space: nowrap;
	font-weight: 400;
}
.header .menu .item:hover {
	opacity: 0.65;
}
.header .menu .item.active {
	font-weight: 500;
	color: var(--cl-emphasis-5);
}
.header .menu .item.accent {
	color: var(--cl-white);
	background-color: var(--cl-emphasis-5);
	transition: var(--tr-header);
	padding: var(--gl-micro-3) var(--gl-micro-4);
	border-radius: var(--br-button);
	opacity: 1;
	white-space: nowrap;
	font-weight: 500;
}
.header.sticky .menu .item.accent,
.header.sticky .menu .item.accent:hover {
	color: var(--cl-white);
}
.header .menu .item.accent:hover {
	background-color: var(--cl-highlight-5);
}

.main-logo {
    width: 108px;
    height: 64px;
    /*width: 128px;*/
    /*height: 56px;*/
    opacity: 1;
	transition: var(--tr-header);
	background-image: var(--im-logo-white);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.main-logo:hover {
	opacity: 0.85;
}

.header.sticky {
	background-color: var(--cl-white-88);
	backdrop-filter: blur(8px);
	box-shadow: var(--sd-header);
}
.header.sticky .menu .item {
	color: var(--cl-primary-5);
}
.header.sticky .menu .item.active {
	font-weight: 500;
	color: var(--cl-emphasis-5);
}
.header.sticky .menu .item:hover {
	opacity: 1;
	color: var(--cl-primary-3);
}
.header.sticky .main-logo {
	background-image: var(--im-logo-color);
}
.mobile-menu {
	display: none;
}
.menu-list {
	transform-origin: right;
}
.menu-wrapper {
	justify-content: flex-end;
}