.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
}
body.admin-bar .site-header {
    top: 32px;
}
html {
    scroll-padding-top: 120px;
}
@media (max-width: 850px) {
    html {
        scroll-padding-top: 180px;
    }
}
@media (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}
/* WordPress lets the mobile admin bar scroll out of view. */
@media (max-width: 600px) {
    body.admin-bar .site-header {
        top: 0;
    }
}