.cp-header {
	--cp-h-bg: #ffffff;
	--cp-h-logo-color: #14141F;
	--cp-h-nav-color: #4B5563;
	--cp-h-nav-hover: var(--cp-navy);

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	background: var(--cp-h-bg);
	border-bottom: 1px solid var(--cp-border);
	flex-wrap: wrap;
}

.cp-header__logo {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--cp-h-logo-color);
	text-decoration: none;
	white-space: nowrap;
}

.cp-header__nav {
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
	margin-left: auto;
}

.cp-header__nav a {
	font-size: 15px;
	font-weight: 500;
	color: var(--cp-h-nav-color);
	text-decoration: none;
	transition: color var(--cp-duration, 320ms) ease;
}

.cp-header__nav a:hover {
	color: var(--cp-h-nav-hover);
}

.cp-header__cta {
	white-space: nowrap;
}

@media (max-width: 767px) {
	.cp-header {
		justify-content: center;
		text-align: center;
	}
	.cp-header__nav {
		margin-left: 0;
		justify-content: center;
	}
}