/* Mobile menu: links stay hidden until "Menu" is tapped (button added by menu.js).
   .gr-menu-ready raises specificity above the site's custom CSS, which loads later. */
.gr-menu-toggle{ display:none; }

@media (max-width:767px){
  .gr-nav.gr-menu-ready > .e-con{
    grid-template-columns:auto 1fr;
    grid-template-areas:"logo cta" "toggle toggle" "links links";
  }

  .gr-nav.gr-menu-ready .gr-menu-toggle{
    grid-area:toggle;
    justify-self:stretch;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:46px;
    margin:0;
    padding:10px 2px;
    background:none;
    border:0;
    border-top:1px solid rgba(212,175,55,.16);
    border-radius:0;
    color:#F7F4EC;
    font-family:inherit;
    font-size:15px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:.06em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .gr-nav.gr-menu-ready .gr-menu-toggle:hover,
  .gr-nav.gr-menu-ready .gr-menu-toggle:focus{ background:none; color:#D4AF37; }
  .gr-menu-toggle:focus-visible{ outline:2px solid #D4AF37; outline-offset:2px; }
  .gr-menu-toggle .gr-menu-icon{ font-size:22px; line-height:1; color:#D4AF37; }

  .gr-nav.gr-menu-ready > .e-con > .e-con{ grid-area:links; width:100%; display:none!important; }
  .gr-nav.gr-menu-ready.gr-menu-open > .e-con > .e-con{ display:flex!important; }
}