#nav{position:fixed;top:0;left:0;right:0;z-index:800;padding:18px 0;transition:background .35s,padding .35s,box-shadow .35s}
#nav.scrolled{background:rgba(244,241,234,.85);backdrop-filter:blur(12px);padding:10px 0;box-shadow:0 1px 0 var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;flex-direction:column;line-height:1}
.nav-logo-main{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:600}
.nav-logo-sub{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.nav-links{display:flex;gap:30px;list-style:none;font-size:.95rem;font-weight:500}
.nav-links a{position:relative}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--ink);transition:width .3s}
.nav-links a:hover::after{width:100%}
@media(max-width:760px){.nav-links{display:none}.nav-contact{display:none}}