.brand-menu{position:relative}
.brand-menu-trigger{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--ink);font:500 15px var(--body);padding:12px 0;cursor:pointer}
.brand-menu-trigger svg{transition:transform .18s}
.brand-menu-trigger[aria-expanded=true]{color:var(--steel)}
.brand-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.brand-menu-panel{position:absolute;top:100%;left:-20px;width:310px;padding:10px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--brass);border-radius:0 0 8px 8px;box-shadow:0 14px 34px rgba(15,27,45,.12);z-index:100;max-height:calc(100dvh - 170px);overflow-y:auto}
.brand-menu-panel[hidden]{display:none}
.primary-links .brand-menu-panel a{display:block;padding:11px 12px;font-size:14px;line-height:1.4;font-weight:400;border-radius:4px;color:var(--ink);white-space:normal}
.primary-links .brand-menu-panel a::after{display:none}
.primary-links .brand-menu-panel a:hover,.primary-links .brand-menu-panel a:focus-visible{background:var(--fog);color:var(--steel)}
.primary-links .brand-menu-panel .brand-menu-all{display:flex;justify-content:space-between;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);border-radius:0;font-weight:600;color:var(--steel)}
@media(max-width:800px){.primary-links{position:relative}.brand-menu{position:static}.brand-menu-trigger{font-size:14px;padding:9px 0}.brand-menu-panel{left:0;right:0;width:auto;max-height:60dvh}.primary-links .brand-menu-panel a{padding:12px}}