/* Navigation Architecture — His Story / Special Exhibits / Archive */
:root{--nav-story:#7b1e2d;--nav-special:#b98b3b;--nav-archive:#2f694f;--nav-panel:#101827;--nav-paper:#fff8e8}
/* The grouped exhibit menu is intentional at every viewport size, including wide desktop. */
.menu-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px!important;white-space:nowrap}
.site-navigation{display:none!important;position:absolute!important;z-index:55!important;top:calc(100% + .55rem)!important;right:1rem!important;left:auto!important;width:min(62rem,calc(100vw - 2rem))!important;max-height:calc(100dvh - 6rem)!important;overflow:auto!important;padding:1rem!important;border-radius:24px!important;background:rgba(16,24,39,.99)!important;border:1px solid rgba(255,248,232,.14)!important;box-shadow:0 28px 80px rgba(9,13,21,.42)!important;color:var(--nav-paper)!important}
.site-navigation[data-open="true"]{display:grid!important;gap:.9rem!important}
.nav-lobby{display:block}
.nav-home{display:flex!important;align-items:center!important;gap:.7rem!important;min-height:56px!important;padding:.8rem 1rem!important;border-radius:16px!important;text-decoration:none!important;background:rgba(255,248,232,.07)!important;border:1px solid rgba(255,248,232,.12)!important}
.nav-home strong{font:900 1.05rem Arial,Helvetica,sans-serif}
.nav-home-kicker{font:900 .62rem Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#d7ac5e}
.nav-home[aria-current="page"]{background:rgba(185,139,59,.16)!important;border-color:rgba(215,172,94,.5)!important}
.nav-wings{display:grid;grid-template-columns:1.25fr 1fr .78fr;gap:.8rem}
.nav-wing{min-width:0;border-radius:18px;padding:.85rem;background:rgba(255,248,232,.055);border:1px solid rgba(255,248,232,.1)}
.nav-wing-title{margin:0 0 .55rem!important;padding:0 .3rem .55rem!important;border-bottom:1px solid rgba(255,248,232,.13);font:900 .68rem/1 Arial,Helvetica,sans-serif!important;text-transform:uppercase;letter-spacing:.13em!important;color:#d7ac5e!important}
.nav-wing-story{border-top:4px solid var(--nav-story)}
.nav-wing-special{border-top:4px solid var(--nav-special)}
.nav-wing-archive{border-top:4px solid var(--nav-archive)}
.nav-wing-links{display:grid;gap:.18rem}
.site-navigation .nav-wing-links a{display:flex!important;align-items:center!important;min-height:44px!important;padding:.62rem .7rem!important;border-radius:11px!important;text-decoration:none!important;font:800 .94rem/1.2 Arial,Helvetica,sans-serif!important;color:#fff8e8!important}
.site-navigation .nav-wing-links a:hover,.site-navigation .nav-home:hover{background:rgba(255,248,232,.12)!important}
.site-navigation a[aria-current="page"]{background:rgba(255,248,232,.13)!important;box-shadow:inset 3px 0 0 #d7ac5e!important}
.site-navigation a[aria-current="page"]::after{content:"Current";margin-left:auto;font:900 .55rem Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d7ac5e}
.nav-home[aria-current="page"]::after{content:"Current";margin-left:auto;font:900 .55rem Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d7ac5e}
@media (min-width:1600px){
  .site-header,.topbar{position:sticky!important}
  .site-navigation{right:1.25rem!important;width:min(66rem,calc(100vw - 2.5rem))!important}
  .nav-wings{grid-template-columns:1.35fr 1fr .78fr}
}
@media (max-width:899.98px){
  .site-navigation{position:fixed!important;top:calc(max(4.35rem,env(safe-area-inset-top) + 3.7rem))!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-height:calc(100dvh - max(5.35rem,env(safe-area-inset-top) + 4.7rem))!important;padding:.75rem!important;border-radius:20px!important}
  .nav-wings{grid-template-columns:1fr;gap:.65rem}
  .nav-wing{padding:.7rem}
  .nav-wing-title{position:sticky;top:-.75rem;z-index:1;margin-left:-.1rem!important;margin-right:-.1rem!important;padding:.75rem .4rem .55rem!important;background:rgba(16,24,39,.97)}
  .site-navigation .nav-wing-links a{min-height:46px!important}
}
@media (max-width:430px){
  .menu-button{font-size:.88rem!important;padding:.62rem .76rem!important}
  .nav-home{min-height:52px!important}
  .nav-wing-title{font-size:.64rem!important}
}
@media (prefers-reduced-motion:reduce){.site-navigation *{scroll-behavior:auto!important}}