.nav{
  position:fixed;top:0;left:0;right:0;z-index:90;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:24px 56px;
  background:linear-gradient(to bottom, rgba(11,9,7,.85), rgba(11,9,7,0));
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:padding .4s ease, background .4s ease;
}
.nav.scrolled{padding:14px 56px;background:rgba(11,9,7,.88);border-bottom:1px solid var(--rule)}
@media (max-width:820px){ .nav{ padding:18px 22px; grid-template-columns:auto 1fr auto } .nav.scrolled{ padding:12px 22px } }

.nav-left{display:flex;align-items:center;gap:34px}
.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:30px}
.nav-links{display:flex;gap:26px}
.nav-links a{font-family:"Manrope",sans-serif;font-weight:300;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone);position:relative;padding:6px 0}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .4s cubic-bezier(.2,.7,.2,1)}
.nav-links a:hover{color:var(--paper)}
.nav-links a:hover::after{right:0}
@media (max-width: 1100px){ .nav-links{ display:none } }

/* Brand monogram */
.brand{display:flex;align-items:center;gap:14px;justify-content:center}
.monogram{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;position:relative}
.monogram svg{width:24px;height:24px}
.brand .name{display:flex;flex-direction:column;line-height:1.1}
.brand .name .a{font-family:"Forum",serif;font-size:18px;letter-spacing:.42em;color:var(--paper);text-transform:uppercase}
.brand .name .b{font-family:"Manrope",sans-serif;font-size:9px;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;margin-top:3px}

.nav-tel{font-family:"Manrope",sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);border-left:1px solid var(--rule-strong);padding-left:22px}
.nav-tel b{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:16px;letter-spacing:.02em;display:block;color:var(--gold-bright)}
@media (max-width: 820px){ .nav-tel{ display:none } }