.nav-logo {
		display: flex;
		align-items: center;
	}

	.logo-link {
		position: relative;
		display: block;
		overflow: hidden; /* This clips the shine to the logo area */
		border-radius: 8px;
		text-decoration: none;
	}

	/* The Reflection Beam */
	.logo-link::after {
		content: "";
		position: absolute;
		top: 0;
		left: -150%;
		width: 60%;
		height: 100%;
		background: linear-gradient(
			to right, 
			rgba(255, 255, 255, 0) 0%, 
			rgba(255, 255, 255, 0.4) 50%, 
			rgba(255, 255, 255, 0) 100%
		);
		transform: skewX(-20deg);
		animation: logo-shine 20s infinite;
	}

	@keyframes logo-shine {
		0% { left: -150%; }
		20% { left: 150%; } /* Fast sweep */
		100% { left: 150%; } /* Long pause */
	}

	.logo-link img {
		height: 40px;
		display: block;
		transition: transform 0.2s ease;
	}

	/* Subtle interaction: logo shrinks slightly when pressed */
	.logo-link:active img {
		transform: scale(0.95);
	}