.page__header {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

	.page__header:after {
		background: currentcolor;
		bottom: 0;
		content: '';
		height: 1px;
		left: 0;
		position: absolute;
		transform: scaleX(1);
		transition: background-color 0.6s var(--transition-handle), transform 0.8s var(--transition-handle);
		width: 100%;
		z-index: 1;
	}
	
	.page__header:before {
		background: var(--color-white);
		bottom: 0;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		transform-origin: top;
		transform: scaleY(var(--header-expanded))px;
		transition: background-color 0.6s var(--transition-handle), transform 0.8s var(--transition-handle);
		width: 100%;
		z-index: 1;
	}
	
	.page__header.home__header:after,
	.page__header.home__header:before {
		background: transparent !important;
	}
		
.page__header > .wrp {
	position: relative;
	z-index: 2;
}

.body--black .page__header:before  {
	background: var(--color-black);
}

.body--light-grey .page__header:before {
	background: var(--color-grey-02);
}

.page__header.header--expanded {
	transition: height 0.4s var(--transition-handle);
}

.footer--visible .page__header {
	transform: translate3d(0, -100%, 0);
}

.header__inner {
	align-items: center;
	display: grid;
	grid-template-columns: repeat(var(--grid-columns), 1fr);
	column-gap: var(--grid-gutter);
}

.header__logo {
	height: var(--s-18);
	width: fit-content;
}

.home__header .header__logo__link {
	pointer-events: none;
}

.logo__block {
	display: flex;
	height: 100%;
	position: relative;
}

.eide__letter {
	overflow: hidden;
	position: relative;
}

.eide__letter .logo--vector {
	fill: var(--color-black);
	display: inline-block;
	height: 100%;
	width: auto;
}

.body--black .eide__letter .logo--vector  {
	fill: var(--color-white);
}

.logo-type--1 .logo--vector:nth-child(2) {
	transform: translate3d(105%, 0, 0);
}

.logo-type--2 .logo--vector:nth-child(2) {
	transform: translate3d(0, 105%, 0);
}

.header__logo__link {
	display: block;
	height: 100%;
}

.page__menu {
	display: grid;
	grid-template-columns: subgrid;
}

.page__main__nav .nav__main {
	align-items: center;
	display: grid;
	column-gap: var(--grid-gutter);
}

.nav__main__item .mask > span {
	display: inline-block;
	position: relative;
}

.nav__submenu a,
.nav__main__item .mask > span {
	white-space: nowrap;
	transition: color 0.6s var(--transition-handle);
}

.nav__submenu li {
	display: flex;
}

.nav__submenu .mask > span {
	transform: translate3d(0, 100%, 0);
	transition: transform 0.4s var(--link-handle);
}

.nav__main__category {
	transition: opacity 0.4s var(--link-handle);
}

	.nav__main__category:after {
		content: '';
		display: inline-block;
		margin-left: var(--s-06);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: var(--s-04) var(--s-03) 0 var(--s-03);
		border-color: currentcolor transparent transparent transparent;
		position: relative;
		transition: opacity 0.6s var(--link-handle) 0.6s, color 0.6s var(--link-handle), transform 0.4s var(--link-handle);
		top: calc(0px - var(--s-02));
	}

.nav__main__item {
	display: flex;
	position: relative;
}

.nav__main__item > a {
	display: flex;
	width: fit-content;
}

.language__switcher .nav__submenu {
	left: auto;
	right: 0;
}

.nav__lang__item {
	text-transform: uppercase;
}

.nav__lang__item span {
	display: flex;
}

.current__item {
	pointer-events: none;
}

@media (min-width: 1281px) {
	
	.page__menu {
		grid-column: 7 / 13;
	}
	
	.page__main__nav {
		grid-column: 1 / 6;
	}
	
	.page__main__nav .nav__main {
		grid-template-columns: repeat(5, 1fr);
	}
	
}

@media (max-width: 1280px) and (min-width: 981px) {

	.page__menu {
		grid-column: 3 / 13;
	}
	
	.page__main__nav {
		grid-column: 1 / 10;
	}
	
	.page__main__nav .nav__main {
		grid-template-columns: repeat(9, 1fr);
	}
	
	.page__main__nav li:not(:last-child) {
		grid-column: span 2;
	}
	
	.page__header.home__header.header--expanded:before {
		background: var(--color-white) !important;
	}
	
	/* .page__header.home__header.header--expanded:after {
		background: var(--color-black) !important;
	} */

}

@media (max-width: 980px) and (min-width: 681px) and (hover: hover) {

	.page__menu {
		grid-column: 3 / 13;
	}
	
	.page__main__nav {
		grid-column: 1 / 10;
	}
	
	.page__main__nav .nav__main {
		grid-template-columns: repeat(9, 1fr);
	}
	
	.page__main__nav li:not(:last-child) {
		grid-column: span 2;
	}
	
	.page__header.home__header.header--expanded:before {
		background: var(--color-white) !important;
	}
	
	/* .page__header.home__header.header--expanded:after {
		background: var(--color-black) !important;
	} */

}

@media (min-width: 981px) {
	
	.page__header {
		transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle) 0.25s;
	}
	
	.home__header {
		transition: background-color 0s, transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle) 0.25s;
	}
	
		.home__header:before {
			transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle) 0.25s;
		}
		
		.home__header:after {
			transition: background-color 0s, transform 0.8s var(--transition-handle);
		}
	
	.page__header__navtrigger {
		display: none;
	}
	
	.header__inner {
		padding: var(--s-16) 0;
	}
	
	.nav__main__item ,
	.nav__lang__item {
		font-size: clamp(0.75rem, var(--s-14), 1.125rem);
		line-height: 1.25;
	}
	
	.nav__main__item {
		padding: var(--s-16) 0;
		margin: calc(0px - var(--s-16)) 0;
	}
	
	.language__switcher {
		justify-content: flex-end;
	}
	
	.nav__submenu {
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: fit-content;
		top: calc(100% -  var(--s-16));
		pointer-events: none;
	}
	
	.page__main__nav .nav__submenu {
		padding-bottom: var(--s-48);
	}
	
		.nav__lang__item span:before {
			content: '\0028';
		}
		
		.nav__lang__item span:after {
			content: '\0029';
		}
		
		.nav__main__item .current__item:before {
			transform: scaleX(1);
		}
		
		.nav__submenu .current__item:before {
			transform-origin: right;
			transform: scaleX(0);
		}
		
		.header--expanded--sub .nav__submenu .current__item:before {
			transform-origin: left;
			transform: scaleX(1);
			transition-delay: 0.2s;
		}
		
}

@media (max-width: 980px) and (min-width: 681px) and (hover: hover) {
	
	.page__header {
		transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle) 0.25s;
	}
	
	.home__header {
		transition: background-color 0s, transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle) 0.25s;
	}
	
		.home__header:before {
			transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle) 0.25s;
		}
		
		.home__header:after {
			transition: background-color 0s, transform 0.8s var(--transition-handle);
		}
	
	.page__header__navtrigger {
		display: none;
	}
	
	.header__inner {
		padding: var(--s-16) 0;
	}
	
	.nav__main__item ,
	.nav__lang__item {
		font-size: clamp(0.75rem, var(--s-14), 1.125rem);
		line-height: 1.25;
	}
	
	.nav__main__item {
		padding: var(--s-16) 0;
		margin: calc(0px - var(--s-16)) 0;
	}
	
	.language__switcher {
		justify-content: flex-end;
	}
	
	.nav__submenu {
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: fit-content;
		top: calc(100% -  var(--s-16));
		pointer-events: none;
	}
	
	.page__main__nav .nav__submenu {
		padding-bottom: var(--s-48);
	}
	
		.nav__lang__item span:before {
			content: '\0028';
		}
		
		.nav__lang__item span:after {
			content: '\0029';
		}
		
		.nav__main__item .current__item:before {
			transform: scaleX(1);
		}
		
		.nav__submenu .current__item:before {
			transform-origin: right;
			transform: scaleX(0);
		}
		
		.header--expanded--sub .nav__submenu .current__item:before {
			transform-origin: left;
			transform: scaleX(1);
			transition-delay: 0.2s;
		}
		
}

@media (max-width: 980px) and (hover: none) {
	
	.page__header {
		transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.6s var(--transition-handle) 0.4s;
	}
	
	.menu--open.page__header {
		transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.6s var(--transition-handle);
	}
	
	.menu--open.submenu--open.page__header {
		transition: background-color 0.6s var(--transition-handle), transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle);
	}
	
	.menu--open.page__header .header__logo {
		opacity: 1 !important;
	}
	
	.header__inner {
		padding: var(--s-12) 0;
	}
	
		.nav__main__category:after {
			margin-left: var(--s-10);
			border-width: var(--s-05) var(--s-04) 0 var(--s-04);
			top: calc(0px - var(--s-03));
			transition: opacity 0.4s var(--link-handle), color 0.6s var(--link-handle), transform 0.4s var(--link-handle);
		}
		
		.submenu--open .nav__main__category:after {
			transform: rotate(180deg);
		}

	.nav__main__item {
		font-size: clamp(1.25rem, var(--s-24), 2rem);
		line-height: 1.2;
	}
	
	.nav__main__item .nav__submenu li,
	.nav__lang__item {
		font-size: clamp(1rem, var(--s-18), 1.5rem);
		line-height: 1.25;
	}
	
	.page__menu {
		pointer-events: none;
		position: absolute;
		top: var(--header-height);
	}
	
	.menu--open .page__menu {
		pointer-events: auto;
	}
	
	.page__main__nav {
		padding: var(--grid-margin) 0;
	}
	
	.language__switcher {
		padding: var(--grid-margin) 0;
	}
	
	.language__switcher .nav__submenu {
		display: flex;
	}
	
	.nav__lang__item {
		margin-right: var(--s-12);
	}
	
	.current__lang span:before {
		content: '\0028';
	}
	
	.current__lang span:after {
		content: '\0029';
	}
	
	.nav__main__category + .nav__submenu {
		opacity: 0;
		transition: transform 0.6s var(--transition-handle), height 0.6s var(--transition-handle), opacity 0.2s var(--transition-handle);
	}
	
		.nav__submenu li:not(.nav__lang__item):first-child {
			padding-top: var(--s-04);
		}
		
		.nav__submenu li:not(.nav__lang__item):last-child {
			padding-bottom: var(--s-04);
		}
	
	.submenu--open .nav__main__category + .nav__submenu {
		opacity: 1;
		transition: transform 0.6s var(--transition-handle), height 0.4s var(--transition-handle), opacity 0s;
	}
	
	.nav__main__item + .nav__main__item {
		margin-top: var(--s-04);
	}
	
	.page__header__navtrigger {
		display: block;
		position: absolute;
		right: 0;
		padding: var(--s-12) var(--grid-margin);
		top: 0;
	}
	
	.header__navtrigger--line {
		background: currentcolor;
		height: var(--s-02);
		width: 100%;
		transition: transform 0.4s var(--transition-handle);
	}
	
		.header__navtrigger--line:first-child {
			transform: translate3d(0, calc(0px - var(--s-02)), 0);
		}
		
		.header__navtrigger--line:last-child {
			transform: translate3d(0, var(--s-02), 0);
		}
		
	.page__header.menu--open,
	.body--white .page__header.menu--open {
		z-index: 12;
	}
	
	.page__header.menu--open:before,
	.body--white .page__header.menu--open:before {
		background: var(--color-white) !important;
	}
	
	.body--black .page__header.menu--open:before {
		background: var(--color-black) !important;
	}
	
	.body--light-grey .page__header.menu--open:before {
		background: var(--color-grey-02) !important;
	}

	.nav__main__item:not(.language__switcher) {
		flex-direction: column;
	}
	
		.menu--open .nav__main__item .current__item:before {
			transform-origin: left;
			transform: scaleX(1);
			transition-delay: 0.8s;
		}
		
		.menu--open .nav__submenu .current__item:before {
			transform-origin: right;
			transform: scaleX(0);
			transition-delay: 0s;
		}
		
		.menu--open.submenu--open .nav__submenu .current__item:before {
			transform-origin: left;
			transform: scaleX(1);
			transition-delay: 0.3s;
		}
		
	.menu--open .header__navtrigger--line:first-child {
		transform: translate3d(0, calc(var(--s-02) / 2), 0);
	}
	
	.menu--open .header__navtrigger--line:last-child {
		transform: translate3d(0, calc(0px - var(--s-02) / 2), 0);
	}
	
	.menu--open .nav__main__item .nav__main__category > span,
	.menu--open .nav__main__item > .mask > span,
	.menu--open .current__lang > .mask > span,
	.menu--open .nav__submenu .nav__lang__item .mask > span,
	.submenu--open .nav__submenu .mask > span  {
		transform: translate3d(0, 0, 0);
	}
	
	.menu--open .nav__main__category:after {
		opacity: 1;
	}
	
	.menu--open .nav__main__item:first-child .nav__main__category > span,
	.menu--open .nav__main__item:first-child > .mask > span,
	.submenu--open .nav__submenu li:nth-child(2) .mask > span {
		transition-delay: 0.1s;
	}
	
	.menu--open .nav__main__item:nth-child(2) .nav__main__category > span,
	.menu--open .nav__main__item:nth-child(2) > .mask > span,
	.submenu--open .nav__submenu li:nth-child(3) .mask > span {
		transition-delay: 0.2s;
	}
	
	.menu--open .nav__main__item:nth-child(3) .nav__main__category > span,
	.menu--open .nav__main__item:nth-child(3) > .mask > span,
	.submenu--open .nav__submenu li:nth-child(4) .mask > span {
		transition-delay: 0.3s;
	}
	
	.menu--open .nav__main__item:nth-child(4) .nav__main__category > span,
	.menu--open .nav__main__item:nth-child(4) > .mask > span,
	.submenu--open .nav__submenu li:nth-child(5) .mask > span {
		transition-delay: 0.4s;
	}
	
	.menu--open .nav__main__item:nth-child(5) .nav__main__category > span,
	.menu--open .nav__main__item:nth-child(5) > .mask > span,
	.submenu--open .nav__submenu li:nth-child(6) .mask > span {
		transition-delay: 0.5s;
	}
	
	.menu--open .current__lang > .mask > span,
	.menu--open .nav__submenu .nav__lang__item .mask > span {
		transition-delay: 0.6s;
	}
	
	.menu--open .nav__main__category:after  {
		transition: opacity 0.6s var(--link-handle) 0.6s, color 0.6s var(--link-handle), transform 0.4s var(--link-handle);
	}
	
	.nav__submenu .nav__lang__item .mask > span {
		transition: transform 1.2s var(--transition-handle);
	}
	
	.menu__overlayer {
		background: rgba(var(--rgb-black), 0.4);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.8s var(--transition-handle) 0.2s;
		z-index: 9;
	}
	
	.menu--open + .menu__overlayer {
		pointer-events: auto;
		opacity: 1;
		transition: opacity 0.8s var(--transition-handle);
		z-index: 11;
	}
	
	.top.home__header.menu--open + .menu__overlayer {
		opacity: 0;
	}

}

@media (max-width: 980px) and (hover: none) {

	.header__navtrigger__inner {
		display: flex;
		flex-direction: column;
		height: var(--s-18);
		justify-content: center;
		position: relative;
		width: var(--s-32);
	}
	
}

@media (max-width: 980px) and (min-width: 681px) and (hover: none) {
	
	.page__header__navtrigger {
		grid-column: 8 / 9;
	}
	
}

@media (max-width: 1280px) and (min-width: 681px) and (hover: none) {
	
	.submenu--open .nav__submenu {
		pointer-events: auto;
	}
	
	.submenu--open .nav__submenu .mask > span {
		transform: translate3d(0, 0, 0);
	}
	
}

@media (max-width: 680px) {
	
	.page__header__navtrigger {
		grid-column: 4 / 5;
	}
	
}

.nav__main__item > .nav__main__category > span,
.nav__main__item > .mask > span,
.current__lang > .mask > span {
	transform: translate3d(0, 100%, 0);
	transition: transform 1.2s var(--transition-handle);
}

.nav__main__category:after {
	opacity: 0;
}


@media (hover: none) {

	.header__logo {
		transition: opacity 0.6s var(--transition-handle);
	}

}

@media (min-width: 981px) and (hover: hover) {
	
	.nav__main__item:hover .nav__main__category:after {
		transform: rotate(180deg);
	}
	
	.nav__main__item:hover .nav__submenu {
		pointer-events: auto;
	}
	
	.nav__main__item:hover .nav__submenu .mask > span {
		transform: translate3d(0, 0, 0);
	}
	
	.nav__main__item:hover .nav__submenu li:nth-child(2) .mask > span {
		transition-delay: 0.05s;
	}
	
	.nav__main__item:hover .nav__submenu li:nth-child(3) .mask > span {
		transition-delay: 0.1s;
	}
	
	.nav__main__item:hover .nav__submenu li:nth-child(4) .mask > span {
		transition-delay: 0.15s;
	}
	
	.nav__main__item:hover .nav__main__category {
		opacity: 0.5
	}
	
	.nav__submenu .nav__lang__item span:before {
		display: inline-block;
		transform: translate3d(calc(0px - var(--s-08)), 0, 0);
		transition: transform 0.4s var(--link-handle);
	}
	
	.nav__submenu .nav__lang__item span:after{
		display: inline-block;
		transform: translate3d(var(--s-08), 0, 0);
		transition: transform 0.4s var(--link-handle);
	}
	
	.nav__submenu .nav__lang__item a:hover span:after,
	.nav__submenu .nav__lang__item a:hover span:before {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	
	/* HEADER ANIMATIONS */
	
	.logo-type--1 .header__logo__link:hover .logo--vector:nth-child(1) {
		transform: translate3d(-100%, 0, 0);
		transition: transform 0.8s var(--transition-handle);
	}
	
	.logo-type--1 .header__logo__link:hover .logo--vector:nth-child(2) {
		transform: translate3d(0, 0, 0);
		transition: transform 0.8s var(--transition-handle);
	}
	
	.logo-type--2 .header__logo__link:hover .logo--vector:nth-child(1) {
		transform: translate3d(0, -100%, 0);
		transition: transform 0.8s var(--transition-handle);
	}
	
	.logo-type--2 .header__logo__link:hover .logo--vector:nth-child(2) {
		transform: translate3d(0, 0, 0);
		transition: transform 0.8s var(--transition-handle);
	}	
	
}

@media (min-width: 981px) {
	
	.preload--out .nav__main__item .nav__main__category > span,
	.preload--out .nav__main__item > .mask > span,
	.preload--out .current__lang > .mask > span,
	.preload--out .nav__main__category:after  {
		transform: translate3d(0, 0, 0);
	}
	
	.preload--out .nav__main__category:after {
		opacity: 1;
	}
	
	.preload--out .nav__main__item:first-child .nav__main__category > span,
	.preload--out .nav__main__item:first-child > .mask > span {
		transition-delay: 0.1s;
	}
	
	.preload--out .nav__main__item:nth-child(2) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(2) > .mask > span {
		transition-delay: 0.2s;
	}
	
	.preload--out .nav__main__item:nth-child(3) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(3) > .mask > span {
		transition-delay: 0.3s;
	}
	
	.preload--out .nav__main__item:nth-child(4) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(4) > .mask > span {
		transition-delay: 0.4s;
	}
	
	.preload--out .nav__main__item:nth-child(5) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(5) > .mask > span {
		transition-delay: 0.5s;
	}
	
	.preload--out .current__lang > .mask > span {
		transition-delay: 0.6s;
	}
	
	.menu__overlayer {
		display: none;
	}
	
}

@media (max-width: 980px) and (min-width: 681px) and (hover: hover) {
	
	.preload--out .nav__main__item .nav__main__category > span,
	.preload--out .nav__main__item > .mask > span,
	.preload--out .current__lang > .mask > span,
	.preload--out .nav__main__category:after  {
		transform: translate3d(0, 0, 0);
	}
	
	.preload--out .nav__main__category:after {
		opacity: 1;
	}
	
	.preload--out .nav__main__item:first-child .nav__main__category > span,
	.preload--out .nav__main__item:first-child > .mask > span {
		transition-delay: 0.1s;
	}
	
	.preload--out .nav__main__item:nth-child(2) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(2) > .mask > span {
		transition-delay: 0.2s;
	}
	
	.preload--out .nav__main__item:nth-child(3) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(3) > .mask > span {
		transition-delay: 0.3s;
	}
	
	.preload--out .nav__main__item:nth-child(4) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(4) > .mask > span {
		transition-delay: 0.4s;
	}
	
	.preload--out .nav__main__item:nth-child(5) .nav__main__category > span,
	.preload--out .nav__main__item:nth-child(5) > .mask > span {
		transition-delay: 0.5s;
	}
	
	.preload--out .current__lang > .mask > span {
		transition-delay: 0.6s;
	}
	
	.menu__overlayer {
		display: none;
	}
	
}