/* NAV — top pill bar + mobile dropdown */

nav{position:fixed;top:14px;left:16px;right:16px;z-index:50;max-width:920px;margin:auto;padding:10px 18px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;transition:background .3s;border:1px solid rgba(169,128,63,.22);background:rgba(251,247,240,.88)}
nav.scrolled{background:rgba(251,247,240,.97)}
.logo{border:0;background:none;color:var(--ink);font:18px var(--font-display);letter-spacing:.12em}
.logo b{color:var(--gold)}
nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
nav li button{border:0;background:none;color:var(--ink);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:17px}
nav li button:hover{color:var(--gold)}
.menu{display:none;border:0;background:none;font-size:27px}
#sentinel{position:absolute;top:40px;height:1px;width:1px}  /* when it scrolls out of view, nav gets .scrolled */