@media (max-width: 992px) {
    body.mobile-scrolled:not(.mobile-menu-open):not(:has(#menu.active)) > header::before {
        content: "";
        position: fixed;
        inset: 0 0 auto;
        height: 64px;
        background: #151a25;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
        z-index: 19;
        pointer-events: none;
    }
}

/* The existing home logo remains taller on small screens. */
@media (max-width: 767px) {
    body.pageHome.mobile-scrolled:not(.mobile-menu-open):not(:has(#menu.active)) > header::before {
        height: 104px;
    }
}