/* Keep the shared menu accessible when the document body scrolls. */
body.scrolled-past-hero #masthead .mobile-menu {
    display:flex!important;
    opacity:1!important;
    visibility:visible;
}
#masthead .mobile-menu:focus-visible {
    outline:2px solid #83dce4;
    outline-offset:5px;
    border-radius:4px;
}
@media(min-width:761px) {
    body.scrolled-past-hero #masthead {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        background:rgba(10,19,26,.97);
        border-bottom:1px solid #2e414a;
        backdrop-filter:blur(14px);
        z-index:1000;
    }
    body.admin-bar.scrolled-past-hero #masthead { top:32px; }
    body.scrolled-past-hero #masthead .header-row {
        min-height:88px;
        margin-top:0;
        padding:14px 138px 14px 0;
        box-sizing:border-box;
        gap:24px;
    }
    body.scrolled-past-hero #masthead .site-branding {
        width:210px;
        max-width:210px;
        min-width:0;
        flex:0 1 210px;
    }
    body.scrolled-past-hero #masthead .custom-logo {
        display:block;
        max-width:100%;
        max-height:52px;
        width:auto;
        height:auto;
        object-fit:contain;
    }
    body.scrolled-past-hero #masthead .mobile-menu {
        position:absolute;
        top:50%;
        right:24px!important;
        min-height:44px;
        padding:8px;
        transform:translateY(-50%);
        z-index:1002;
    }
    body.scrolled-past-hero #masthead .mobile-menu-wrapper { gap:10px; }
    body.scrolled-past-hero #masthead .mobile-menu-wrapper svg { width:28px;height:24px;margin:0; }
    body.scrolled-past-hero #masthead .mobile-menu-wrapper span { font-size:.7rem;letter-spacing:.05em; }
}
@media(min-width:761px) and (max-width:1100px) {
    #masthead .header-row { padding-right:128px;box-sizing:border-box; }
    #masthead .mobile-menu { top:40px;right:24px!important; }
    body.scrolled-past-hero #masthead .header-row { min-height:80px;gap:18px; }
    body.scrolled-past-hero #masthead .site-branding { max-width:180px;flex-basis:180px; }
    #masthead .main-navigation ul { gap:18px; }
}
@media(min-width:761px) and (max-width:920px) {
    #masthead .center-button { display:none; }
}