:root {
	--hdr-lg-mx-wd: 354; /* { min: 50, max: 500, step: 10, friendly: 'Logo Max Width Desktop', group: 'Calculations' } */
	--hdr-lg-mx-wd-mbl: 188; /* { min: 10, max: 300, step: 1, friendly: 'Logo Max Width Mobile', group: 'Calculations' } */
	--hdr-lg-mx-wd-clc: calc((var(--hdr-lg-mx-wd-mbl) * 1px) + (var(--hdr-lg-mx-wd) - var(--hdr-lg-mx-wd-mbl)) * ((100vw - 320px) / (1920 - 320))); /* { readonly: true } */
	
	--hdr-lg-mx-ht: 40; /* { min: 50, max: 500, step: 10, friendly: 'Logo Max Height Desktop', group: 'Calculations' } */
	--hdr-lg-mx-ht-mbl: 21; /* { min: 10, max: 300, step: 1, friendly: 'Logo Max Height Mobile', group: 'Calculations' } */
	--hdr-lg-mx-ht-clc: calc((var(--hdr-lg-mx-ht-mbl) * 1px) + (var(--hdr-lg-mx-ht) - var(--hdr-lg-mx-ht-mbl)) * ((100vw - 320px) / (1920 - 320))); /* { readonly: true } */

    --hdr-nv-sp: 50; /* { min: 50, max: 500, step: 10, friendly: 'Top Nav Link Spacing Desktop', group: 'Calculations' } */
	--hdr-nv-sp-lpt: 20; /* { min: 10, max: 300, step: 1, friendly: 'Top Nav Link Spacing Laptop', group: 'Calculations' } */
	--hdr-nv-sp-clc: calc((var(--hdr-nv-sp-lpt) * 1px) + (var(--hdr-nv-sp) - var(--hdr-nv-sp-lpt)) * ((100vw - 1280px) / (1920 - 1280))); /* { readonly: true } */
}

.hdr.v1 {
    padding-top: 2.89rem;
    padding-bottom: 2.89rem;
}

.hdr .tp-lg {
	width: var(--hdr-lg-mx-wd-clc);
} 

.hdr .tp-lg img {
	height: var(--hdr-lg-mx-ht-clc);
}

/* Menu Button Styles */
.hdr .mnu-btn {
	position: relative;
	cursor: pointer;
	width: 23px;
	height: 14px;
	position: relative;
}

.hdr .mnu-btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 2px;
	background-color: var(--text-alt);
	transition: margin 0.3s ease 0.3s, opacity 0s 0.3s, transform 0.3s ease;
}

.hdr .mnu-btn span:nth-child(1) {
	margin-top: .5rem;
}

.hdr .mnu-btn span:nth-child(3) {
	margin-top: -.5rem;
}

.hdr .mail-btn > svg {
	font-size: 1.67rem;
	color: var(--text-alt);
}

.mnu-opn .hdr .mnu-btn > span {
	transition: margin 0.3s ease, opacity 0s 0.3s, transform 0.3s ease 0.3s;
}

.mnu-opn .hdr .mnu-btn > span:nth-child(1) {
	margin-top: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.mnu-opn .hdr .mnu-btn > span:nth-child(2) {
	opacity: 0;
}

.mnu-opn .hdr .mnu-btn > span:nth-child(3) {
	margin-top: 0;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.hdr [aria-hidden="true"] {
	visibility: visible !important;
}

.hdr.v1 .fnt_t-k::before,
.hdr.v1 .fnt_t-k::after {
	height: 0;
	transform: translateY(-50%) rotate(0);
}

.mnu-opn .hdr.v1 .fnt_t-k::before,
.mnu-opn .hdr.v1 .fnt_t-k::after {
	height: 14px;
	transform: translateY(-50%) rotate(-45deg);
	transition: height .3s ease .5s, transform .5s ease .8s;
} 

@media screen and (min-width:1280px) {
	.hdr .nv > ul:not(.mnu-nv) > li {
		margin-right: var(--hdr-nv-sp-clc);
	}

	.hdr.v1 .hd-1280 {
		display: none !important;
	}
}

@media screen and (max-width:1279px) {
	.hdr.v1 {
		padding-top: 0;
		padding-bottom: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}

	.hdr.v1 .nv {
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 2;
		display: block;
		top: 0;
		left: 0;
		transform: translateY(-100%);
		transition: transform .5s ease 0s;
		padding: 9rem 2.375rem 0;
	}

	.hdr.v1 .nv::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient( rgba(0, 0, 0, 0), var(--main-bg-alt));
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		content: '';
		z-index: -1;
	}

	.hdr.v1 .nv li {
		transform: translateY(50%);
		opacity: 0;
		transition: transform .5s var(--g-trn-tf) 0s, opacity .5s var(--g-trn-tf) 0s;
	}

	.hdr.v1 .nv a {
		font-size: 2rem;
		text-transform: uppercase;
		font-weight: 700;
		padding-bottom: 0;
		padding-top: 0;
	}

	.mnu-opn .hdr.v1 .nv li {
		transform: translateY(0);
		opacity: 1;
		transition: transform .5s var(--g-trn-tf) .5s, opacity .5s var(--g-trn-tf) .5s;
	}

	.mnu-opn .hdr.v1 .nv li:nth-child(2){
		transition-delay: calc(.5s * 1.2);
	}
	
	.mnu-opn .hdr.v1 .nv li:nth-child(3){
		transition-delay: calc(.5s * 1.3);
	}
	
	.mnu-opn .hdr.v1 .nv li:nth-child(4){
		transition-delay: calc(.5s * 1.4);
	}
	
	.mnu-opn .hdr.v1 .nv li:nth-child(5){
		transition-delay: calc(.5s * 1.5);
	}

	.hdr.v1 .nv li + li {
		margin-top: 1rem;
	}

	.mnu-opn .hdr.v1 .nv {
		transform: translateY(0);
	}

	.hdr.v1 [class*="mn_"] {
		max-width: 100%;
	}

	.hdr.v1 .lg-bx {
		z-index: 3;
		position: relative;
		background-color: var(--main-bg-alt);
		padding-top: 1.75rem;
		padding-bottom: 1.75rem;
	}

	.hdr.v1 .lg-bx > div.flx.f_sb {
		max-width: var(--mn_wth) !important;
		margin: 0 auto;
	}

}