@layer brandbook-bridge{.bb-site-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--bb-gutter,1.5rem);min-height:48px;background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;z-index:var(--layer-nav)}.bb-nav-logo{display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;color:var(--cream);text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:.75rem;letter-spacing:.02em}.bb-nav-logo span{color:var(--bb-accent)}.bb-nav-links{gap:0;min-width:0}.bb-nav-links,.bb-nav-section{display:flex;align-items:center}.bb-nav-top-link{display:inline-flex;align-items:center;min-height:44px;color:var(--dim);text-decoration:none;padding:.75rem .8rem;border-left:1px solid var(--border);transition:color .2s ease,background .2s ease;white-space:nowrap}.bb-nav-top-link:hover{color:var(--cream);background:rgba(245,244,231,.03)}.bb-nav-top-link.active{color:var(--bb-accent)}.bb-nav-sep{width:1px;height:16px;background:var(--border);align-self:center;flex-shrink:0}.bb-nav-dropdown{position:relative}.bb-nav-dropdown-trigger{background:none;border:none;color:var(--dim);font-family:var(--font-mono);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;min-height:44px;padding:.75rem .8rem;cursor:pointer;transition:color .2s ease,background .2s ease;border-left:1px solid var(--border);display:flex;align-items:center;gap:.35rem;white-space:nowrap}.bb-nav-dropdown-trigger:hover{color:var(--cream);background:rgba(245,244,231,.03)}.bb-chevron{font-size:.5rem;transition:transform .2s ease}.bb-chevron.rotated,.bb-nav-dropdown:hover .bb-chevron{transform:rotate(180deg)}.bb-nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:160px;background:var(--surface);border:1px solid var(--border);z-index:var(--layer-dropdown);flex-direction:column}.bb-nav-dropdown:hover .bb-nav-dropdown-menu{display:flex}.bb-nav-section:last-child .bb-nav-dropdown-menu,.bb-nav-section:nth-last-child(2) .bb-nav-dropdown-menu{left:auto;right:0}.bb-nav-dropdown-menu a{display:inline-flex;align-items:center;min-height:44px;color:var(--dim);text-decoration:none;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;transition:color .2s ease,background .2s ease;border-bottom:1px solid var(--border)}.bb-nav-dropdown-menu a:last-child{border-bottom:none}.bb-nav-dropdown-menu a:hover{color:var(--cream);background:rgba(245,244,231,.03)}.bb-nav-dropdown-menu a.active{color:var(--bb-accent);background:var(--bb-accent-05)}.bb-nav-dropdown-columns{min-width:340px;gap:0}.bb-nav-dropdown:hover .bb-nav-dropdown-columns{display:flex;flex-direction:row}.bb-nav-dropdown-col{flex:1;display:flex;flex-direction:column}.bb-nav-dropdown-col+.bb-nav-dropdown-col{border-left:1px solid var(--border)}.bb-nav-dropdown-subgroup{display:flex;flex-direction:column}.bb-nav-dropdown-subgroup+.bb-nav-dropdown-subgroup{border-top:1px solid var(--border)}.bb-nav-dropdown-heading{color:var(--bb-accent);font-family:var(--font-mono);font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;padding:.5rem 1rem .25rem;pointer-events:none;user-select:none}@media (max-width:1180px){.bb-site-nav{padding:0 1rem}.bb-nav-dropdown-trigger,.bb-nav-top-link{padding-inline:.65rem;font-size:.56rem;letter-spacing:.06em}}@media (max-width:1080px){.bb-site-nav{gap:.75rem}.bb-nav-logo{min-width:72px}.bb-nav-dropdown-trigger,.bb-nav-top-link{padding-inline:.55rem;font-size:.53rem;letter-spacing:.05em}}.bb-nav-hamburger{display:none;background:none;border:1px solid var(--border);color:var(--cream);font-size:1rem;width:44px;height:44px;padding:0;cursor:pointer;font-family:var(--font-mono)}@media (max-width:767px){.bb-site-nav{padding:0 1rem}.bb-nav-hamburger{display:flex;align-items:center;justify-content:center}.bb-nav-links,.bb-nav-sep,.bb-sidebar{display:none}}}