/* Fixed navigation on desktop, tablet, and mobile. */
:root {
    --fixed-header-height: 110px;
    --fixed-preview-height: 45px;
}
html {
    scroll-padding-top: calc(
        var(--fixed-header-height) + var(--fixed-preview-height) + 24px
    );
}
body {
    padding-top: calc(var(--fixed-header-height) + var(--fixed-preview-height));
}
.site-header {
    position: fixed;
    top: var(--fixed-preview-height);
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding-left: 6%;
    padding-right: 6%;
    z-index: 1030;
    background: #faf9f6;
    box-shadow: 0 4px 18px #0000000a;
}
.skip-link {
    z-index: 1040;
}
.preview-navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 45px;
    z-index: 1031;
}
@media (max-width: 991px) {
    .site-header {
        max-height: calc(100vh - var(--fixed-preview-height));
        max-height: calc(100dvh - var(--fixed-preview-height));
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}
@media (max-width: 767px) {
    :root {
        --fixed-header-height: 88px;
    }
}