.brand-link {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.brand-link:hover {
    opacity: 0.8;
}

.brand-link:active {
    transform: scale(0.98);
}

/* Ensure the navbar stays crisp on mobile scroll */
.navbar {
    background: rgba(var(--bs-body-bg-rgb), 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}