.glass-header {
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
}

/* On desktop, the logo and nav now have more "breathing room" */
header {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

header.scrolled {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: #ffffff;
}

/* Mobile Nav Tweak */
@media (max-width: 768px) {
    body {
        padding-bottom: 60px; /* Space for mobile nav */
    }
}