.header-inner{
    grid-template-columns:auto minmax(0,1fr) auto auto;
    grid-template-areas:
        "brand nav member menu"
        "search search search search";
    column-gap:1rem;
    row-gap:.55rem;
    min-height:0;
    padding-block:.62rem;
}
.brand{grid-area:brand;white-space:nowrap}
.site-nav{grid-area:nav;min-width:0}
.menu-button{grid-area:menu}
.member-nav{grid-area:member;justify-self:end}
.member-nav>a,.member-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.42rem .72rem;border-radius:.45rem;text-decoration:none;font-size:.84rem;font-weight:800}
.member-nav .member-sign-in{color:var(--text)}
.member-nav .member-register{border:1px solid var(--accent);background:var(--accent);color:#fff}
.member-nav .member-register:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.site-nav__member-mobile{display:none}
.header-search{
    grid-area:search;
    display:grid;
    grid-template-columns:auto minmax(12rem,1fr) auto auto;
    align-items:center;
    justify-self:center;
    width:min(100%,52rem);
    max-height:3.2rem;
    margin:0;
    overflow:hidden;
    opacity:1;
    transform:translateY(0);
    transition:max-height 180ms ease,opacity 140ms ease,transform 180ms ease,margin 180ms ease;
}
.header-search__title{padding-right:.7rem;color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.header-search input{width:100%;min-height:42px;border-radius:.48rem 0 0 .48rem;background:var(--surface)}
.header-search button{min-height:42px;border-radius:0 .48rem .48rem 0}
.header-advanced-search{margin-left:.75rem;color:var(--accent-dark);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}
.header-advanced-search:hover{text-decoration:underline}
.site-header.is-search-hidden .header-search{max-height:0;margin-top:-.55rem;opacity:0;transform:translateY(-.55rem);pointer-events:none}

@media(max-width:70rem){
    .header-inner{
        grid-template-columns:auto minmax(0,1fr) auto auto;
        grid-template-areas:
            "brand spacer member menu"
            "nav nav nav nav"
            "search search search search";
    }
    .menu-button{display:block;justify-self:end}
    .js .site-nav{grid-column:auto;grid-row:auto;grid-area:nav}
    .site-nav.is-open{padding:.35rem 0 .15rem}
}

@media(max-width:46rem){
    .header-inner{column-gap:.55rem;padding-inline:.75rem}
    .brand{font-size:1.12rem}
    .member-nav{gap:.25rem}
    .member-nav>a,.member-nav button{min-height:36px;padding:.38rem .52rem;font-size:.78rem}
    .member-nav .member-register{display:none}
    .member-nav>span{display:none}
    .site-nav.is-open .site-nav__member-mobile{display:inline-flex;border-color:var(--accent);color:var(--accent-dark)}
    .header-search{grid-template-columns:minmax(0,1fr) auto auto;width:100%}
    .header-search__title{display:none}
    .header-advanced-search{margin-left:.55rem;font-size:.72rem}
    .header-search input{font-size:.9rem}
    .header-search button{padding-inline:.65rem;font-size:.82rem}
}

@media(max-width:29rem){
    .header-inner{column-gap:.4rem}
    .member-nav>a,.member-nav button{padding-inline:.4rem}
    .menu-button{padding-inline:.5rem}
    .header-advanced-search{margin-left:.4rem;font-size:.68rem}
}

@media(prefers-reduced-motion:reduce){.header-search{transition:none}}