/**
 * Header block front-end styles — Figma nav-bar-desk (940:13991).
 */

.epoch-header-root {
	--epoch-header-width: var(--wp--custom--layout--nav-max-width-desktop-x, 1700px);
	--epoch-header-mobile-inline-padding: var( --wp--custom--layout--container-padding-mobile, 20px );

	position: relative;
	width: 100%;
	z-index: 200;
}

.epoch-header {
	background-color: var( --wp--preset--color--black-60, #00000099 );
	overflow: visible;
	position: relative;
	width: 100%;
	z-index: 100;
}

.epoch-header::before {
	-webkit-backdrop-filter: blur( var( --wp--custom--effects--background-blur, 200px ) );
	backdrop-filter: blur( var( --wp--custom--effects--background-blur, 200px ) );
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.epoch-header.is-mobile-menu-open {
	background-color: var( --wp--preset--color--secondary-extra-dark, #151515 );
	z-index: 201;
}

.epoch-header__shell {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--epoch-header-width-override, var(--epoch-header-width));
	padding-inline: var( --wp--preset--spacing--container-x, 30px );
	position: relative;
	width: 100%;
	z-index: 1;
}

@media ( max-width: 1600px ) {
	.epoch-header-root {
		--epoch-header-width: var(--wp--custom--layout--nav-max-width-desktop, 1400px);
	}
}

@media ( max-width: 1280px ) {
	.epoch-header-root {
		--epoch-header-width: var(--wp--custom--layout--nav-max-width-desktop-sm, 1035px);
	}
}

@media ( max-width: 1024px ) {
	.epoch-header-root {
		--epoch-header-width: var(--wp--custom--layout--nav-max-width-tablet, 740px);
	}
}

@media ( max-width: 781px ) {
	.epoch-header-root {
		--epoch-header-width: var(--wp--custom--layout--nav-max-width-mobile, 440px);
	}
}

.epoch-header__contents {
	align-items: center;
	display: grid;
	grid-template-columns: auto minmax( 0, 1fr );
	height: var( --epoch-header-height, 80px );
	width: 100%;
}

.epoch-header__brand {
	grid-column: 1;
	grid-row: 1;
}

.epoch-header__brand:not( :has( img ) ) {
	display: none;
}

.epoch-header__brand .custom-logo,
.epoch-header__brand img {
	display: block;
	height: auto;
	max-height: var( --epoch-header-logo-height, 40.571px );
	width: var( --epoch-header-logo-width, 100px );
}

.epoch-header__end {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: var( --epoch-header-column-gap, 30px );
	grid-column: 2;
	grid-row: 1;
	justify-content: flex-end;
	justify-self: stretch;
	min-width: 0;
	width: 100%;
}

.epoch-header__menus {
	align-items: flex-end;
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: var( --epoch-header-menus-row-gap, 0 );
	height: 100%;
	justify-content: center;
	max-height: var( --epoch-header-height, 80px );
	overflow: visible;
	width: auto;
}

.epoch-header__quick-links,
.epoch-header__main-nav {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	min-height: 0;
	position: relative;
}

.epoch-header__quick-links:not( :has( .menu-item ) ) {
	display: none;
}

.epoch-header__menu {
	display: flex;
	flex-wrap: nowrap;
	gap: var( --epoch-header-link-gap, 28px );
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.epoch-header__menu--quick a,
.epoch-header__menu--main a {
	color: inherit;
}

.epoch-header__menu--quick a {
	font-family: var( --epoch-header-quick-font, var( --wp--preset--font-family--body ) );
	font-size: var( --epoch-header-caption-size, 15px );
	font-weight: 400;
	letter-spacing: 0;
	line-height: var( --epoch-header-caption-lh, 22.5px );
	padding-block: 5px;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
}

.epoch-header__menu--quick a:hover,
.epoch-header__menu--quick a:focus {
	opacity: 0.8;
}

.epoch-header__menu--main > .menu-item {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	position: relative;
}

.epoch-header__menu .menu-item-has-children,
.epoch-header__menu .menu-item-has-mega {
	position: relative;
}

.epoch-header__menu--main > .menu-item-has-mega {
	position: static;
}

.epoch-header__menu--main > .menu-item > a {
	position: relative;
}

.epoch-header__menu--main > .menu-item > a::after {
	background: var( --epoch-header-hover-underline, var( --wp--preset--color--primary-light ) );
	bottom: 0;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	transition: width 0.2s ease;
	width: 0;
}

.epoch-header__menu--main > .menu-item:hover > a::after,
.epoch-header__menu--main > .menu-item:focus-within > a::after,
.epoch-header__menu--main > .menu-item.is-mega-open > a::after {
	width: 100%;
}

.epoch-header__menu--main a {
	font-family: var( --epoch-header-main-font, var( --wp--preset--font-family--body ) );
	font-size: var( --epoch-header-nav-size, 17px );
	font-weight: var( --epoch-header-nav-weight, 600 );
	letter-spacing: 0;
	line-height: var( --epoch-header-nav-lh, 25.5px );
	margin-bottom: 0;
	padding-block: 5px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Mega menu */
.epoch-header__mega {
	inset-inline-end: 0;
	inset-inline-start: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition: opacity 0.2s ease;
	visibility: hidden;
	z-index: 150;
}

.epoch-header__menu--main > .menu-item-has-mega:hover > .epoch-header__mega,
.epoch-header__menu--main > .menu-item-has-mega:focus-within > .epoch-header__mega,
.epoch-header__menu--main > .menu-item-has-mega.is-mega-open > .epoch-header__mega,
.epoch-header__menu--main > .menu-item-has-mega > .epoch-header__mega:hover,
.epoch-header__menu--main > .menu-item-has-mega > .epoch-header__mega:focus-within {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.epoch-header__mega-panel {
	background: var( --wp--preset--color--base, #fff );
	border-radius: var( --wp--custom--border-radius--default, 12px );
	box-shadow: 0 0 11px rgb( 0 0 0 / 20% );
	color: var( --wp--preset--color--secondary-extra-dark, #151515 );
	display: flex;
	max-width: min( 873px, calc( 100vw - 2rem ) );
	min-height: 230px;
	overflow: hidden;
	width: 873px;
}

.epoch-header__mega-media {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	flex: 0 0 225px;
	height: 230px;
	width: 225px;
}

.epoch-header__mega-columns {
	display: flex;
	flex: 1 1 auto;
	gap: var( --epoch-header-link-gap, 28px );
	min-width: 0;
	padding: var( --epoch-header-link-gap, 28px );
}

.epoch-header__mega-column {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.epoch-header__mega-link-item {
	border-bottom: 1px solid var( --wp--preset--color--secondary-light, #ddd );
}

.epoch-header__mega-link-item:last-child {
	border-bottom: 0;
}

.epoch-header__mega-link-item a {
	color: inherit;
	display: block;
	font-family: var( --epoch-header-main-font, var( --wp--preset--font-family--body ) );
	font-size: var( --wp--preset--font-size--nav-button-sub, 15px );
	font-weight: 400;
	line-height: 1.5;
	padding-block: 0;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
}

.epoch-header__mega-link-item a:hover,
.epoch-header__mega-link-item a:focus {
	color: var( --wp--preset--color--primary, #19468d );
}

/* Search panel */
.epoch-header__search-heading {
	display: none;
}

.epoch-header__search {
	align-items: center;
	display: none;
	flex: 1 1 auto;
	justify-content: flex-end;
	max-width: 100%;
	min-width: 0;
	opacity: 0;
	overflow: hidden;
	transition: opacity var( --epoch-header-search-duration, 0.35s ) ease;
}

.epoch-header.is-search-entering .epoch-header__search,
.epoch-header.is-search-open .epoch-header__search,
.epoch-header.is-search-closing .epoch-header__search {
	display: flex;
}

.epoch-header.is-search-entering .epoch-header__search,
.epoch-header.is-search-open .epoch-header__search {
	opacity: 1;
}

.epoch-header.is-search-entering .epoch-header__menus,
.epoch-header.is-search-closing .epoch-header__menus,
.epoch-header.is-search-open .epoch-header__menus {
	display: none;
}

.epoch-header__search-form {
	flex: 0 1 var( --epoch-header-search-max-width, 742px );
	margin: 0;
	margin-inline-start: auto;
	max-width: var( --epoch-header-search-max-width, 742px );
	width: 100%;
}

.epoch-header__search-field {
	align-items: center;
	background: var( --epoch-header-search-bg, var( --wp--preset--color--contrast, #000 ) );
	border: 1px solid var( --epoch-header-search-border, var( --epoch-header-icon-border, #ffffff66 ) );
	border-radius: 999px;
	box-sizing: border-box;
	display: flex;
	gap: 10px;
	height: var( --epoch-header-icon-size, 50px );
	justify-content: flex-end;
	margin-inline-start: 0;
	max-width: 100%;
	overflow: hidden;
	padding: 2px 2px 2px 20px;
	transition:
		opacity var( --epoch-header-search-duration, 0.35s ) ease,
		transform var( --epoch-header-search-duration, 0.35s ) ease;
	width: 100%;
}

.epoch-header.is-search-entering:not( .is-search-field-visible ) .epoch-header__search-field {
	opacity: 0;
	transform: translateX( 12px );
}

.epoch-header.is-search-entering.is-search-field-visible .epoch-header__search-field,
.epoch-header.is-search-open .epoch-header__search-field {
	opacity: 1;
	transform: translateX( 0 );
}

.epoch-header.is-search-closing .epoch-header__search-field {
	opacity: 0;
	transform: translateX( 12px );
}

.epoch-header__search-input {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
	flex: 1 1 auto;
	font-family: var( --epoch-header-main-font, var( --wp--preset--font-family--body ) );
	font-size: var( --epoch-header-nav-size, 17px );
	font-weight: 400;
	line-height: var( --epoch-header-nav-lh, 25.5px );
	margin: 0;
	min-width: 0;
	outline: none;
	padding: 0;
	text-align: right;
	text-decoration: none;
}

.epoch-header__search-input:focus,
.epoch-header__search-input:focus-visible {
	border: 0;
	box-shadow: none;
	outline: none;
}

.epoch-header__search-input::placeholder {
	color: inherit;
	opacity: 0.55;
}

.epoch-header__search-submit {
	align-items: center;
	background: transparent;
	border: 1px solid var( --wp--preset--color--base, #fff );
	border-radius: 999px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	height: calc( var( --epoch-header-icon-size, 50px ) - 4px );
	justify-content: center;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: calc( var( --epoch-header-icon-size, 50px ) - 4px );
}

.epoch-header__search-submit .epoch-header__color-fill {
	background: var( --wp--preset--color--base, #fff );
	bottom: -3px;
	height: 0;
	width: 66px;
}

.epoch-header__search-submit:hover .epoch-header__color-fill,
.epoch-header__search-submit:focus-visible .epoch-header__color-fill {
	height: 54px;
}

.epoch-header__search-submit:hover,
.epoch-header__search-submit:focus-visible {
	color: var( --wp--preset--color--contrast, #000 );
}

.epoch-header__search-submit .epoch-header__icon {
	align-items: center;
	display: inline-flex;
	height: var( --epoch-header-icon-glyph, 18px );
	justify-content: center;
	position: relative;
	width: 10px;
	z-index: 1;
}

.epoch-header__search-submit .epoch-header__icon svg {
	display: block;
	height: 100%;
	width: 100%;
}

.epoch-header.is-search-closing .epoch-header__search {
	opacity: 0;
}

/* Icon buttons */
.epoch-header__search-toggle,
.epoch-header__menu-toggle {
	align-items: center;
	background: transparent;
	border: 1px solid var( --epoch-header-icon-border, #ffffff66 );
	border-radius: 999px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 var( --epoch-header-icon-size, 50px );
	height: var( --epoch-header-icon-size, 50px );
	justify-content: center;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: var( --epoch-header-icon-size, 50px );
}

.epoch-header__color-fill {
	background: var( --wp--preset--color--primary-light, #7ba6de );
	bottom: -3px;
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX( -50% );
	transition: height var( --epoch-header-icon-fill-duration, 0.25s ) ease;
	width: 54px;
	z-index: 0;
}

.epoch-header__search-toggle:hover .epoch-header__color-fill,
.epoch-header__search-toggle:focus-visible .epoch-header__color-fill,
.epoch-header.is-search-open .epoch-header__search-toggle:hover .epoch-header__color-fill,
.epoch-header.is-search-open .epoch-header__search-toggle:focus-visible .epoch-header__color-fill,
.epoch-header.is-search-entering .epoch-header__search-toggle:hover .epoch-header__color-fill,
.epoch-header.is-search-entering .epoch-header__search-toggle:focus-visible .epoch-header__color-fill,
.epoch-header__menu-toggle:hover .epoch-header__color-fill,
.epoch-header__menu-toggle:focus-visible .epoch-header__color-fill,
.epoch-header__mobile-close:hover .epoch-header__color-fill,
.epoch-header__mobile-close:focus-visible .epoch-header__color-fill {
	height: 54px;
}

.epoch-header__search-toggle .epoch-header__icon,
.epoch-header__menu-toggle .epoch-header__icon {
	align-items: center;
	display: inline-flex;
	height: var( --epoch-header-icon-glyph, 18px );
	justify-content: center;
	position: relative;
	width: var( --epoch-header-icon-glyph, 18px );
	z-index: 1;
}

.epoch-header__search-toggle .epoch-header__icon svg,
.epoch-header__menu-toggle .epoch-header__icon svg {
	display: block;
	height: 100%;
	width: 100%;
}

.epoch-header__search-toggle .epoch-header__icon--close,
.epoch-header__menu-toggle .epoch-header__icon--close {
	display: none;
}

.epoch-header.is-search-entering .epoch-header__search-toggle .epoch-header__icon--open,
.epoch-header.is-search-open .epoch-header__search-toggle .epoch-header__icon--open {
	display: none;
}

.epoch-header.is-search-entering .epoch-header__search-toggle .epoch-header__icon--close,
.epoch-header.is-search-open .epoch-header__search-toggle .epoch-header__icon--close {
	display: inline-flex;
}

.epoch-header.is-mobile-menu-open .epoch-header__menu-toggle .epoch-header__icon--menu {
	display: none;
}

.epoch-header.is-mobile-menu-open .epoch-header__menu-toggle .epoch-header__icon--close {
	display: inline-flex;
}

.epoch-header__menu-toggle {
	display: none;
	overflow: hidden;
	position: relative;
}

.epoch-header__mobile-close {
	align-items: center;
	background: transparent;
	border: 1px solid var( --epoch-header-icon-border, #ffffff66 );
	border-radius: 999px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	height: var( --epoch-header-icon-size, 50px );
	justify-content: center;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 15px;
	width: var( --epoch-header-icon-size, 50px );
}

.epoch-header__mobile-close .epoch-header__icon {
	align-items: center;
	display: inline-flex;
	height: var( --epoch-header-icon-glyph, 18px );
	justify-content: center;
	position: relative;
	width: var( --epoch-header-icon-glyph, 18px );
	z-index: 1;
}

/* Mobile overlay */
.epoch-header__mobile-panel {
	background: var( --wp--preset--color--secondary-extra-dark, #151515 );
	box-sizing: border-box;
	color: var( --wp--preset--color--base, #fff );
	height: calc(
		100dvh -
		var( --wp-admin--admin-bar--height, 0px ) -
		var( --epoch-header-height, 80px )
	);
	inset: var( --epoch-header-height, 80px ) 0 auto;
	max-height: calc(
		100dvh -
		var( --wp-admin--admin-bar--height, 0px ) -
		var( --epoch-header-height, 80px )
	);
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

.epoch-header__mobile-panel[hidden] {
	display: none !important;
}

.epoch-header.is-mobile-menu-open + .epoch-header__mobile-panel {
	display: block;
}

.epoch-header__mobile-panel-inner {
	min-height: calc(
		100dvh -
		var( --wp-admin--admin-bar--height, 0px ) -
		var( --epoch-header-height, 80px )
	);
	position: relative;
}

.epoch-header__mobile-close {
	display: none;
}

.epoch-header__mobile-close svg {
	height: var( --epoch-header-icon-glyph, 18px );
	width: var( --epoch-header-icon-glyph, 18px );
}

.epoch-header__mobile-nav {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding-bottom: 122px;
	width: 100%;
}

.epoch-header__mobile-quick {
	align-items: flex-start;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var( --wp--preset--spacing--inner-padding, 22px );
	margin-inline: auto;
	max-width: var( --epoch-header-width );
	min-width: 0;
	overflow: hidden;
	padding: 40px 0;
	position: relative;
	width: calc(
		100% -
		var( --epoch-header-mobile-inline-padding ) -
		var( --epoch-header-mobile-inline-padding )
	);
}

.epoch-header__mobile-quick::after {
	background: var( --wp--preset--color--white-40, #ffffff66 );
	bottom: 0;
	content: '';
	height: 1px;
	inset-inline: 0;
	position: absolute;
}

.epoch-header__mobile-main {
	align-self: center;
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var( --epoch-header-width );
	width: calc(
		100% -
		var( --epoch-header-mobile-inline-padding ) -
		var( --epoch-header-mobile-inline-padding )
	);
}

.epoch-header__mobile-quick-heading {
	color: var( --wp--preset--color--base, #fff );
	font-family: var( --epoch-header-main-font, var( --wp--preset--font-family--body ) );
	font-size: var( --wp--preset--font-size--h-6, 18.5px );
	font-weight: 800;
	letter-spacing: 2px;
	line-height: var( --wp--custom--line-height--h-6, 21.275px );
	margin: 0;
	text-transform: uppercase;
	width: 100%;
}

.epoch-header__mobile-nav .epoch-header__menu--quick {
	-webkit-overflow-scrolling: touch;
	-webkit-backdrop-filter: blur( var( --wp--custom--effects--background-blur, 100px ) );
	backdrop-filter: blur( var( --wp--custom--effects--background-blur, 100px ) );
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	gap: var( --wp--preset--spacing--button-gap-padding, 10px );
	justify-content: flex-start;
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 var( --wp--preset--spacing--inner-padding, 22px ) 0 0;
	scrollbar-width: none;
	width: 100%;
}

.epoch-header__mobile-nav .epoch-header__menu--quick::-webkit-scrollbar {
	display: none;
}

.epoch-header__mobile-nav .epoch-header__menu--quick a {
	align-items: center;
	border: 1px solid var( --wp--preset--color--base, #fff );
	border-radius: var( --wp--custom--border-radius--button, 8px );
	display: inline-flex;
	font-size: var( --epoch-header-nav-size, 17px );
	font-weight: var( --epoch-header-nav-weight, 600 );
	justify-content: center;
	line-height: var( --epoch-header-nav-lh, 25.5px );
	min-width: 75px;
	overflow: hidden;
	padding: 8px 20px;
	position: relative;
	text-align: center;
	white-space: nowrap;
}

.epoch-header__mobile-main {
	padding-top: 10px;
}

.epoch-header__mobile-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.epoch-header__mobile-item {
	border-bottom: 1px solid var( --wp--preset--color--white-40, #ffffff66 );
}

.epoch-header__mobile-item:last-child {
	border-bottom: 0;
}

.epoch-header__mobile-trigger,
.epoch-header__mobile-link {
	-webkit-appearance: none;
	appearance: none;
	align-items: center;
	background: transparent;
	border: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	display: flex;
	font-family: var( --epoch-header-main-font, var( --wp--preset--font-family--body ) );
	font-size: var( --wp--preset--font-size--h-4, 27.535px );
	font-weight: 700;
	gap: 10px;
	line-height: var( --wp--custom--line-height--h-4, 31.666px );
	margin: 0;
	margin-bottom: 0;
	padding-block: 22px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.epoch-header__mobile-trigger-label {
	display: inline-flex;
}

.epoch-header__mobile-item.is-open .epoch-header__mobile-trigger {
	color: var( --wp--preset--color--primary-light, #7ba6de );
}

.epoch-header__mobile-trigger-icon {
	display: inline-flex;
	flex: 0 0 auto;
	transform: rotate( 90deg );
	transition: transform 0.2s ease;
}

.epoch-header__mobile-item.is-open .epoch-header__mobile-trigger-icon {
	transform: rotate( -90deg );
}

.epoch-header__mobile-trigger-icon svg {
	height: 10px;
	width: 18px;
}

.epoch-header__mobile-submenu-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
}

.epoch-header__mobile-submenu-link {
	color: var( --wp--preset--color--secondary, #a6a9aa );
	display: block;
	font-size: var( --wp--preset--font-size--nav-button-sub, 16px );
	line-height: 1.5;
	padding: 0 15px;
	text-decoration: none;
}

.epoch-header__mobile-submenu-link:hover,
.epoch-header__mobile-submenu-link:focus {
	color: var( --wp--preset--color--base, #fff );
}

@media ( prefers-reduced-motion: reduce ) {
	.epoch-header__search,
	.epoch-header__search-field {
		transition: none;
	}

	.epoch-header__color-fill,
	.epoch-header__mobile-trigger-icon {
		transition: none;
	}
}

@media ( max-width: 1024px ) {
	.epoch-header.is-search-entering,
	.epoch-header.is-search-open,
	.epoch-header.is-search-closing {
		background-color: var( --wp--preset--color--secondary-extra-dark, #151515 );
	}

	.epoch-header__shell {
		max-width: calc(
			var( --epoch-header-width ) +
			var( --epoch-header-mobile-inline-padding, 20px ) +
			var( --epoch-header-mobile-inline-padding, 20px )
		);
		padding-inline: var( --epoch-header-mobile-inline-padding, 20px );
	}

	.epoch-header__end {
		gap: 10px;
	}

	.epoch-header__menus {
		display: none;
	}

	.epoch-header__quick-links,
	.epoch-header__main-nav {
		display: none;
	}

	.epoch-header.is-mobile-menu-open .epoch-header__search-toggle {
		display: none;
	}

	.epoch-header.is-search-entering .epoch-header__menu-toggle,
	.epoch-header.is-search-open .epoch-header__menu-toggle,
	.epoch-header.is-search-closing .epoch-header__menu-toggle {
		display: none;
	}

	.epoch-header__search {
		align-items: center;
		background: var( --wp--preset--color--secondary-extra-dark, #151515 );
		box-sizing: border-box;
		flex-direction: column;
		height: calc(
			100dvh -
			var( --wp-admin--admin-bar--height, 0px ) -
			var( --epoch-header-height, 80px )
		);
		inset: var( --epoch-header-height, 80px ) 0 auto;
		justify-content: flex-start;
		max-width: none;
		overflow-y: auto;
		padding:
			min( 20vh, 180px )
			var( --wp--preset--spacing--container-padding-lr, 20px )
			40px;
		position: absolute;
		width: 100%;
		z-index: 210;
	}

	.epoch-header__search-heading {
		color: var( --wp--preset--color--base, #fff );
		display: block;
		font-family: var( --wp--preset--font-family--heading );
		font-size: var( --wp--preset--font-size--h-1, 50px );
		font-weight: 700;
		letter-spacing: 0;
		line-height: var( --wp--custom--typography--line-height--h-1, 1.15 );
		margin: 0 0 var( --wp--preset--spacing--inner-padding, 22px );
		max-width: 440px;
		text-align: center;
		width: 100%;
	}

	.epoch-header__search-form {
		flex: 0 0 auto;
		margin-inline: auto;
		max-width: 217px;
		width: 217px;
	}

	.epoch-header__search-field {
		height: 50px;
		margin-inline-start: 0;
		padding: 0 0 0 20px;
		width: 100%;
	}

	.epoch-header__search-input {
		font-size: var( --wp--preset--font-size--body, 17px );
		line-height: var( --wp--custom--typography--line-height--body, 1.5 );
		text-align: left;
	}

	.epoch-header__search-input::placeholder {
		opacity: 1;
	}

	.epoch-header__search-submit {
		height: 50px;
		width: 50px;
	}

	.epoch-header__menu-toggle {
		display: inline-flex;
	}
}

@media ( min-width: 1025px ) {
	.epoch-header__mobile-panel {
		display: none !important;
	}

	.epoch-header__mega {
		display: block;
	}
}

@media ( max-width: 1024px ) {
	.epoch-header__mega {
		display: none !important;
	}
}