/* Keep the navigation in normal flow while the upper bars scroll away. */
body.has-sticky-site-header {
    height: auto;
    min-height: 100%;
}

.header-area.site-header-sticky {
    position: sticky;
    top: var(--site-header-top, 0px);
    z-index: 100;
    transition: box-shadow 160ms ease;
}

.header-area.site-header-sticky.is-pinned {
    box-shadow: 0 6px 18px -10px rgba(11, 37, 75, .3);
}

@media (prefers-reduced-motion: reduce) {
    .header-area.site-header-sticky {
        transition: none;
    }
}