/* NAV */
nav{position:sticky;top:0;z-index:200;background:var(--page);border-top:3px solid var(--accent);border-bottom:1px solid var(--ink);display:flex;justify-content:flex-start;align-items:center;padding:0 2.5rem;height:60px}
.nav-logo{display:flex;align-items:center;cursor:pointer;height:44px;gap:.65rem}
.nav-logo img{height:44px;width:auto;display:block;filter:none}
.nav-logo-text{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:.02em;line-height:1}
.nav-links{display:flex;gap:0;list-style:none;height:100%;margin-left:1.5rem}
.nav-links li{height:100%;display:flex;align-items:center}
.nav-links a{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);text-decoration:none;cursor:pointer;padding:0 1.25rem;height:100%;display:flex;align-items:center;border-left:1px solid var(--ink-faint);transition:color .15s,background .15s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav-links a:hover{color:var(--ink);background:var(--cream)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-links a.active{color:var(--accent);border-bottom:2px solid var(--accent)}

/* ── NAV MOBILE TOGGLE ── */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-family:'EB Garamond',serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);padding:0 0 0 1.25rem}
.nav-toggle:hover{color:var(--ink)}