.site-nav ul {
	display: flex;
	align-items: center;
	gap: var(--space-6);
}

.site-nav a {
	display: inline-block;
	font-family: var(--font-mono);
	font-size: var(--fs-eyebrow);
	letter-spacing: var(--ls-wide);
	color: var(--color-ink-soft);
	padding-block: var(--space-1);
	border-bottom: 1px solid transparent;
}

.site-nav a:hover,
.site-nav a:focus-visible {
	color: var(--color-ink);
	border-bottom-color: var(--color-accent);
}

.site-nav .current-menu-item > a {
	color: var(--color-ink);
	border-bottom-color: var(--color-accent);
}

@media (max-width: 767px) {
	header .site-nav {
		display: none;
	}
}