/* ============================================================
   ELEVATED STATES — shared navigation behaviour
   Loaded by every page after its own styles. Desktop is untouched;
   below 760px the link row becomes a menu button + slide-down panel.
   ============================================================ */
.navin{position:relative}
.logo,.logo a{white-space:nowrap}
.navtoggle{display:none;appearance:none;background:transparent;border:1px solid rgba(217,178,106,.45);border-radius:999px;
  color:#EAD3A0;font:600 12.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  padding:9px 13px 9px 11px;cursor:pointer;align-items:center;gap:8px}
.navtoggle .bars{position:relative;width:16px;height:12px;display:inline-block}
.navtoggle .bars i{position:absolute;left:0;right:0;height:2px;background:#EAD3A0;border-radius:2px;transition:transform .28s ease,opacity .2s ease,top .28s ease}
.navtoggle .bars i:nth-child(1){top:0}.navtoggle .bars i:nth-child(2){top:5px}.navtoggle .bars i:nth-child(3){top:10px}
nav.open .navtoggle .bars i:nth-child(1){top:5px;transform:rotate(45deg)}
nav.open .navtoggle .bars i:nth-child(2){opacity:0}
nav.open .navtoggle .bars i:nth-child(3){top:5px;transform:rotate(-45deg)}

@media (max-width:760px){
  .navtoggle{display:inline-flex}
  .nav-links{
    position:absolute;left:0;right:0;top:100%;
    display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;flex-wrap:nowrap!important;
    background:rgba(23,15,46,.985);border-bottom:1px solid rgba(217,178,106,.3);
    padding:6px 22px 18px;font-size:17px!important;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
    /* closed state */
    opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;
  }
  nav.open .nav-links{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .22s ease,transform .22s ease}
  .nav-links a{display:block;padding:13px 4px;border-bottom:1px solid rgba(217,178,106,.12);font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:600;color:#F7F0E4;letter-spacing:.005em}
  .nav-links a:last-child{border-bottom:none}
  .nav-links a.about{display:block!important}
  .nav-links a.cta{margin-top:12px;text-align:center;border-radius:999px;font-family:'Inter',system-ui,sans-serif;font-size:14.5px;font-weight:600;padding:13px 18px;border-bottom:none;
    background:linear-gradient(180deg,#D9B26A,#B8893C);color:#3a2a10}
}
@media (prefers-reduced-motion:reduce){
  .nav-links,.navtoggle .bars i{transition:none!important}
}