/**
 * Transparent conversion navigation with background-aware contrast.
 */

.page-template-template-brand-consultant {
	--ys-nav-gutter: clamp(1.25rem, 5vw, 6.5rem);
}

header.site-header.site-header--line {
	--ys-nav-cta-bg: rgba(255, 252, 245, 0.18);
	--ys-nav-ink: #fffcf5;
	--ys-nav-padding-top: max(1.25rem, env(safe-area-inset-top, 0px));
	align-items: stretch;
	background: transparent;
	column-gap: 0;
	display: block;
	grid-template-columns: none;
	padding: 0;
	z-index: 200;
}

header.site-header.site-header--line.scrolled {
	padding: 0;
}

header.site-header.site-header--line.is-on-light {
	--ys-nav-cta-bg: rgba(42, 15, 16, 0.12);
	--ys-nav-ink: #2a0f10;
}

header.site-header.site-header--line.is-nav-hidden:not(.is-open) {
	pointer-events: none;
	translate: 0 calc(-100% - 1.25rem);
}

.ys-line-nav {
	align-items: center;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--ys-nav-ink);
	display: flex;
	gap: 0.75rem;
	justify-content: space-between;
	margin: 0 auto;
	max-width: none;
	min-height: 2.75rem;
	padding: var(--ys-nav-padding-top) var(--ys-nav-gutter, clamp(1rem, 4vw, 2.5rem)) 0.55rem;
	position: relative;
	transition: color 220ms ease;
	width: 100%;
}

header.site-header.site-header--line.scrolled .ys-line-nav {
	max-width: none;
	min-height: 2.75rem;
	padding: var(--ys-nav-padding-top) var(--ys-nav-gutter, clamp(1rem, 4vw, 2.5rem)) 0.55rem;
}

.ys-line-nav__brand {
	align-items: center;
	color: inherit;
	display: inline-flex;
	flex-shrink: 0;
	gap: clamp(0.45rem, 1.2vw, 0.65rem);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1;
	text-decoration: none;
	z-index: 2;
}

.ys-line-nav__mark {
	align-items: center;
	background: #fffcf5;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	padding: clamp(0.22rem, 0.55vw, 0.3rem) clamp(0.24rem, 0.6vw, 0.34rem);
}

.ys-line-nav__mark img {
	display: block;
	height: clamp(0.95rem, 1.45vw, 1.15rem);
	object-fit: contain;
	width: auto;
}

.ys-line-nav__brand-text {
	white-space: nowrap;
}

.ys-line-nav__brand:hover,
.ys-line-nav__brand:focus-visible {
	opacity: 0.72;
	outline: none;
}

.ys-line-nav__cluster {
	align-items: center;
	display: flex;
	gap: clamp(1.75rem, 4.5vw, 3.5rem);
	justify-content: space-between;
	width: 100%;
}

header.site-header.site-header--line.scrolled .ys-line-nav__cluster {
	gap: clamp(1.75rem, 4.5vw, 3.5rem);
	justify-content: space-between;
	min-width: 0;
}

.ys-line-nav__links {
	align-items: center;
	display: flex;
	gap: clamp(1.75rem, 4.5vw, 3.5rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

header.site-header.site-header--line.scrolled .ys-line-nav__links {
	background: transparent;
	gap: clamp(1.75rem, 4.5vw, 3.5rem);
	padding: 0;
}

.ys-line-nav__link {
	border-radius: 0.9rem;
	color: inherit;
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(0.72rem, 0.95vw, 0.8125rem);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1;
	padding: 0;
	text-decoration: none;
	transition:
		background-color 180ms ease,
		opacity 180ms ease;
}

header.site-header.site-header--line.scrolled .ys-line-nav__link {
	font-size: clamp(0.72rem, 0.95vw, 0.8125rem);
	font-weight: 400;
	letter-spacing: 0.01em;
	padding: 0;
}

.ys-line-nav__link:hover,
.ys-line-nav__link:focus-visible {
	opacity: 0.55;
	outline: none;
}

header.site-header.site-header--line.scrolled .ys-line-nav__link:hover,
header.site-header.site-header--line.scrolled .ys-line-nav__link:focus-visible {
	opacity: 0.55;
}

.ys-line-nav__cta {
	align-items: center;
	background: transparent;
	border-radius: 0.9rem;
	color: inherit;
	display: inline-flex;
	flex-shrink: 0;
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(0.72rem, 0.95vw, 0.8125rem);
	font-style: normal;
	font-weight: 400;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1;
	padding: 0;
	text-decoration: none;
	transition:
		background-color 180ms ease,
		color 180ms ease,
		opacity 180ms ease,
		transform 180ms ease;
	z-index: 2;
}

.ys-line-nav__cta:hover,
.ys-line-nav__cta:focus-visible {
	opacity: 0.55;
	outline: none;
}

header.site-header.site-header--line.scrolled .ys-line-nav__cta,
.ys-line-nav__cta {
	background: var(--ys-nav-cta-bg);
	color: var(--ys-nav-ink);
	font-size: clamp(0.72rem, 0.95vw, 0.8125rem);
	font-style: normal;
	font-weight: 400;
	padding: 0.55rem 0.9rem;
}

header.site-header.site-header--line.scrolled .ys-line-nav__cta:hover,
header.site-header.site-header--line.scrolled .ys-line-nav__cta:focus-visible {
	opacity: 1;
	transform: scale(0.97);
}

.ys-line-nav__toggle {
	align-items: center;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: none;
	height: 2rem;
	justify-content: center;
	margin-left: auto;
	padding: 0;
	position: relative;
	width: 2rem;
	z-index: 2;
}

.ys-line-nav__toggle-bars {
	display: block;
	height: 0.7rem;
	position: relative;
	width: 1.15rem;
}

.ys-line-nav__toggle-bars span {
	background: currentColor;
	display: block;
	height: 1.5px;
	left: 0;
	position: absolute;
	right: 0;
	transition: transform 220ms cubic-bezier(0.23, 1, 0.32, 1), top 220ms ease, opacity 160ms ease;
}

.ys-line-nav__toggle-bars span:first-child {
	top: 0;
}

.ys-line-nav__toggle-bars span:last-child {
	bottom: 0;
	top: auto;
}

.ys-line-nav.is-open .ys-line-nav__toggle-bars span:first-child {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.ys-line-nav.is-open .ys-line-nav__toggle-bars span:last-child {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 749px) {

	.ys-line-nav.is-open {
		--ys-nav-cta-bg: rgba(255, 252, 245, 0.18);
		--ys-nav-ink: #fffcf5;
		color: var(--ys-nav-ink);
	}

	.ys-line-nav__toggle {
		display: inline-flex;
	}

	.ys-line-nav__cluster {
		display: none;
		margin-left: 0;
	}

	header.site-header.site-header--line.scrolled .ys-line-nav {
		flex-wrap: wrap;
		padding: var(--ys-nav-padding-top) var(--ys-nav-gutter, clamp(1rem, 4vw, 2.5rem)) 0.55rem;
	}

	.ys-line-nav.is-open .ys-line-nav__cluster {
		align-items: flex-start;
		display: flex;
		flex: none;
		flex-direction: column;
		gap: 1.35rem;
		justify-content: flex-start;
		order: 3;
		padding-top: 1.5rem;
		width: 100%;
	}

	header.site-header.site-header--line.scrolled .ys-line-nav.is-open {
		display: flex;
		flex-wrap: wrap;
	}

	header.site-header.site-header--line:not(.scrolled) .ys-line-nav.is-open .ys-line-nav__cluster {
		background: #2a0f10;
		color: #fffcf5;
		inset: 0 0 auto;
		min-height: 100vh;
		padding: 5.5rem clamp(1.25rem, 6vw, 2rem) 3rem;
		position: fixed;
		z-index: 1;
	}

	.ys-line-nav.is-open .ys-line-nav__links {
		align-items: flex-start;
		background: transparent;
		flex-direction: column;
		gap: 1.35rem;
		margin-right: 0;
		padding: 0;
		width: 100%;
	}

	.ys-line-nav.is-open .ys-line-nav__link {
		font-size: clamp(1.6rem, 8vw, 2.4rem);
		font-weight: 400;
		letter-spacing: -0.02em;
		padding: 0;
	}

	.ys-line-nav.is-open .ys-line-nav__cta {
		font-size: clamp(1.6rem, 8vw, 2.4rem);
		font-style: normal;
		font-weight: 400;
	}

	header.site-header.site-header--line.scrolled .ys-line-nav.is-open .ys-line-nav__link {
		font-size: 1.4rem;
		font-weight: 400;
	}

	header.site-header.site-header--line.scrolled .ys-line-nav.is-open .ys-line-nav__cta {
		background: var(--ys-nav-cta-bg);
		color: var(--ys-nav-ink);
		font-size: 0.8rem;
		font-style: normal;
		font-weight: 400;
		justify-content: center;
		padding: 0.52rem 0.8rem;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {

	.ys-line-nav__link,
	.ys-line-nav__cta,
	.ys-line-nav__toggle-bars span {
		transition: none;
	}
}