/* Sticky Header Transition */
header {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.glass-nav {
    background-color: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(8px);
}

/* Hero Background Image */
.hero-bg {
    background-image: linear-gradient(rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.85)), url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
    background-size: cover;
    background-position: 40%;
    background-attachment: fixed;
}

/* Fix missing background on mobile devices due to parallax issues */
@media (max-width: 1024px) {
    .hero-bg {
        background-attachment: scroll;
    }
}