/* nav-menu.css -- the header menu, shared by every page that has a masthead.
   Linked LAST so it settles the cascade on its own: the pages below it each
   carry their own .nav-toggle and .masthead>nav display rules, and a menu that
   half-appears is worse than no menu. One breakpoint, one behaviour, every
   page: the inline nav above 1100px, the button and the panel below it. */
@media(max-width:1100px){.masthead>nav:not(#mobile-nav){display:none}.nav-toggle{display:inline-flex;align-items:center;gap:10px;font-weight:700}.nav-toggle::before{content:"";width:18px;height:12px;flex:none;background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat}.nav-toggle[aria-expanded="true"]{background:var(--gold);color:var(--deep);border-color:var(--gold)}@media(max-width:365px){.nav-toggle::before{display:none}.nav-toggle{gap:0;padding:9px 7px}}.masthead #mobile-nav{position:absolute;top:100%;left:0;right:0;padding:0;display:block;max-height:calc(100svh - var(--header-live,var(--header)));overflow-y:auto;overscroll-behavior:contain;background:var(--deep);border-top:3px solid var(--gold);border-bottom:0;box-shadow:0 28px 44px -20px #000000cc}html.menu-open{overflow:hidden;overscroll-behavior:none}html.menu-open::before{content:"";position:fixed;inset:0;background:#03110bd9;z-index:40}.masthead #mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 5%;min-height:62px;font-size:1.1875rem;color:var(--cream);border:0;border-bottom:1px solid #fff4d31f}.masthead #mobile-nav a::after{content:"\2192\FE0E";color:var(--gold);font-size:1.25rem;opacity:.8}.masthead #mobile-nav a[href$=".html"]::after{content:"\2197\FE0E"}.masthead #mobile-nav a:hover,.masthead #mobile-nav a:active{background:#ffda3812;border-bottom-color:#fff4d31f}.masthead #mobile-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.masthead #mobile-nav #motion-toggle{display:block;width:100%;text-align:left;padding:0 5%;min-height:54px;font-size:1rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#fff4d3ad;background:#061a12;border:0}@keyframes navDrop{from{opacity:0}to{opacity:1}}@keyframes navRow{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.motion-on .masthead #mobile-nav:not([hidden]){animation:navDrop .18s ease}.motion-on .masthead #mobile-nav:not([hidden]) a{animation:navRow .26s ease backwards}.motion-on .masthead #mobile-nav:not([hidden]) a:nth-child(2){animation-delay:.04s}.motion-on .masthead #mobile-nav:not([hidden]) a:nth-child(3){animation-delay:.08s}.motion-on .masthead #mobile-nav:not([hidden]) a:nth-child(4){animation-delay:.12s}}