#menu{gap:clamp(12px,1.4vw,22px)}
#menu .brand-menu{position:relative;flex-shrink:0;border:0;margin:0}
#menu .brand-menu summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0;font-size:14px;font-weight:700;letter-spacing:.05em;line-height:1.55;text-transform:uppercase;white-space:nowrap;list-style:none}
#menu .brand-menu summary::-webkit-details-marker{display:none}
#menu .brand-menu summary:hover,#menu .brand-menu[open] summary{color:var(--yellow)}
#menu .brand-menu summary span{color:var(--yellow);font-size:20px;line-height:1}
#menu .brand-menu[open] summary span{transform:rotate(180deg)}
#menu .brand-submenu{position:absolute;right:0;top:100%;z-index:30;min-width:260px;padding:12px;background:#080808;border:1px solid var(--line);border-top:2px solid var(--yellow)}
#menu .brand-submenu a{padding:10px 12px;min-height:48px;font-size:14px;letter-spacing:0;text-transform:none;white-space:normal;gap:16px;justify-content:space-between}
#menu .brand-submenu a:hover{background:#171717}
@media(max-width:1280px){
 :root{--header-height:80px}
 .header{min-height:80px;padding:18px var(--pad)}
 .menu-toggle{display:flex;justify-content:space-between;gap:30px;align-items:center;background:none;border:0;color:white;min-height:44px;font-size:16px}
 .menu-toggle span{color:var(--yellow);font-size:28px}
 #menu{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:#000;padding:24px var(--pad);overflow:auto;flex-direction:column;gap:8px}
 #menu.open{display:flex}
 #menu>a,#menu .brand-menu summary{font-size:24px;min-height:64px;border-bottom:1px solid var(--line)}
 #menu .brand-submenu{position:static;min-width:0;border-top:0;padding:8px 12px}
 #menu .brand-submenu a{font-size:18px;border:0;min-height:52px}
}