.site-header {
    position: relative !important;
    top: auto !important;
    z-index: 5000;
    backdrop-filter: blur(10px);
    background: linear-gradient(180deg,color-mix(in oklab,var(--blue) 16%,transparent) 0%,transparent 100%),var(--glass);
    transition: box-shadow .2s ease,backdrop-filter .2s ease;
    overflow: visible !important;
}

.header-bar {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 14px;
}

.brand-mark {
    height: 90px;
    width: auto;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.18));
}

header, .site-header, .navbar {
    contain: unset;
}

    .site-header.nav-fixed-pad {
        padding-bottom: var(--nav-h,0px) !important;
    }

@media(max-width:960px) {
    .header-bar {
        grid-template-columns: 1fr
    }

    .quick {
        grid-auto-flow: row;
        justify-self: start
    }

    .chip {
        padding: 8px 12px
    }

    .brand-text {
        line-height: 1.2
    }

        .brand-text small {
            opacity: .75
        }

    .brand-mark {
        height: 90px
    }
}

@media(max-width:768px) {
    .menu-toggle {
        display: grid
    }

    .header-bar {
        grid-template-columns: 1fr auto
    }

    .brand-mark {
        height: 44px
    }
}

@media(max-width:440px) {
    .drawer {
        --drawer-w: 100vw
    }

    .brand-mark {
        height: 44px
    }
}