/* =========================================================
   PREVAIL ALTERNATIVE ASSETS — masthead hamburger + mobile nav drawer
   Below 1060px the inline nav collapses into a drawer opened by a hamburger.
   Reuses .primary-nav (its links + the login disclosure) so there is no
   duplicated markup: in the drawer the "Investor login" toggle is hidden and
   its two doors show inline as rows. Loaded AFTER login-menu.css.
   CSP-safe (style-src 'self' 'unsafe-inline'); tokens from the page.
   Reduced motion keeps the fade and drops the slide (onramp §2).
   ========================================================= */
:root{ --ease-soft:cubic-bezier(.25,.1,.25,1); }

.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;
  border:0;background:transparent;color:var(--on-ink,#f4f0e7);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.nav-toggle svg{display:block;}
.nav-toggle .ico-close{display:none;}
.nav-toggle[aria-expanded="true"] .ico-menu{display:none;}
.nav-toggle[aria-expanded="true"] .ico-close{display:block;}

@media (max-width:1060px){
  .nav-toggle{display:inline-flex;}

  /* the inline nav becomes a drawer that drops from the masthead */
  .masthead .primary-nav{
    position:absolute;top:100%;left:0;right:0;z-index:50;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--ink,#0d1130);border-top:1px solid var(--brass,#c2a068);
    box-shadow:0 30px 60px -34px rgba(3,4,12,.9);
    padding:.2rem 0 .6rem;max-height:calc(100dvh - 60px);overflow-y:auto;
    opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;
    transition:opacity .3s var(--ease-soft),transform .3s var(--ease-soft),visibility 0s linear .3s;}
  .masthead.nav-open .primary-nav{opacity:1;transform:none;visibility:visible;pointer-events:auto;
    transition:opacity .3s var(--ease-soft),transform .3s var(--ease-soft);}

  /* every link becomes a full-width row */
  .masthead .primary-nav a{display:block!important;padding:.95rem var(--gut,1.5rem);
    font-size:1rem;font-weight:500;letter-spacing:.01em;color:var(--on-ink-2,#c7cad9);
    border-top:1px solid var(--rule-ink,rgba(244,240,231,.1));transition:background .25s var(--ease-soft),color .25s var(--ease-soft);}
  .masthead .primary-nav a:first-child{border-top:0;}
  .masthead .primary-nav a::after{display:none!important;}
  .masthead .primary-nav a:hover,.masthead .primary-nav a:focus-visible{color:var(--on-ink,#f4f0e7);background:rgba(244,240,231,.05);outline:none;}

  /* login: hide the disclosure toggle; show the two doors inline as rows */
  .masthead .nav-login-wrap{position:static;display:block;width:100%;}
  .masthead .nav-login-wrap .nav-login{display:none!important;}
  .masthead .primary-nav .login-panel{position:static;display:flex!important;flex-direction:column;
    width:auto;max-width:none;margin:0;border:0;border-top:1px solid var(--brass,#c2a068);
    box-shadow:none;background:transparent;
    opacity:1!important;transform:none!important;pointer-events:auto!important;}
  .masthead .primary-nav .login-panel .lp-row{padding:.9rem var(--gut,1.5rem);border-top:1px solid var(--rule-ink,rgba(244,240,231,.1));}
  .masthead .primary-nav .login-panel .lp-row:first-child{border-top:0;}
  .masthead .primary-nav .login-panel .lp-title{font-size:1.05rem;}
}

@media (max-width:1060px) and (prefers-reduced-motion:reduce){
  .masthead .primary-nav{transform:none;}
  .masthead.nav-open .primary-nav{transform:none;}
}