/* ============================================ */
/* NAVBAR SCROLL HIDE - SIMPLE APPROACH */
/* ============================================ */

.site-header {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.site-header.hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Adjust for hidden navbar */
html {
    scroll-padding-top: 140px;
}