[data-sig="crossroads-header"]{position:relative;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);& header{min-height:var(--header);height:auto;padding:16px 0;display:flex;align-items:center;gap:32px;width:calc(100% - 64px);max-width:1600px}& .brand{display:flex;align-items:center;gap:12px;line-height:1.1;margin-right:auto;max-width:300px;min-width:0;font-size:26px;font-weight:600}& .brand svg{width:36px;height:36px;flex-shrink:0}& .brand small{display:block;font-size:13px;font-weight:400;letter-spacing:.01em;margin-top:4px}& nav{display:flex;align-items:center;gap:24px;font-size:15px}& .nav-link{min-height:44px;display:flex;align-items:center;white-space:nowrap}& [aria-current=page]{text-decoration:underline;text-underline-offset:8px}& .menu{display:none}& .button{font-size:15px}@media(max-width:1100px){& header{gap:16px}& nav{gap:16px}& .brand{font-size:22px}& header>.button{display:none}}@media(max-width:800px){& header{width:calc(100% - 40px)}& .brand{max-width:calc(100% - 84px)}& .menu{display:block;min-width:64px;min-height:44px;background:none;border:1px solid var(--line);border-radius:4px}& nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:16px 24px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}& nav.open{display:flex}& nav a{padding:12px 0}}}