.site-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 1.5rem;
	padding-block: 1rem;
}

.site-branding {
	justify-self: start;
}

.site-branding__logo {
	font-weight: 700;
	font-size: 1.125rem;
	letter-spacing: 0.06em;
	text-decoration: none;
	color: var(--pps-color-text);
}

.site-branding__logo:hover {
	color: var(--pps-color-primary);
}

.site-nav {
	justify-self: center;
	grid-column: 2;
}

.site-nav__menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav__menu a {
	text-decoration: none;
	color: var(--pps-color-text);
	font-weight: 500;
}

.site-nav__menu a:hover,
.site-nav__menu .current-menu-item > a {
	color: var(--pps-color-primary);
}

.site-header__actions {
	justify-self: end;
	grid-column: 3;
}

.site-header__cta {
	white-space: nowrap;
	font-weight: 600;
}

.site-header__cta:hover {
	opacity: 0.92;
	color: #fff;
}

@media (max-width: 768px) {
	.site-header__inner {
		grid-template-columns: 1fr auto;
		grid-template-rows: auto auto;
	}

	.site-nav {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-self: center;
	}

	.site-nav__menu {
		gap: 1.25rem;
		flex-wrap: wrap;
	}
}