@media (max-width: 980px) {
	nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 58vh;
		z-index: 25;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
		background: rgba(10, 12, 16, 0.92);
		backdrop-filter: blur(12px);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		transition: transform 220ms ease;
	}

	nav a {
		text-transform: uppercase;
		letter-spacing: 0.12em;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.86);
		padding: 10px 12px;
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.08);
	}

	.navHidden {
		transform: translateY(-110%);
	}
}