@media (min-width: 980px) {
	nav {
		position: sticky;
		top: 0;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 22px;
		padding: 14px 18px;
		background: rgba(10, 12, 16, 0.58);
		backdrop-filter: blur(14px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	nav a {
		text-transform: uppercase;
		letter-spacing: 0.12em;
		font-size: 13px;
		color: rgba(255, 255, 255, 0.82);
		padding: 8px 10px;
		border-radius: 10px;
		transition:
			background-color 160ms ease,
			color 160ms ease,
			transform 160ms ease;
	}

	nav a:hover {
		background: rgba(255, 255, 255, 0.06);
		color: rgba(255, 255, 255, 0.92);
		transform: translateY(-1px);
	}
}