.nav{position:fixed;inset:0 0 auto 0;z-index:40;height:calc(var(--nav-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);
  transition:background-color .35s var(--ease),box-shadow .35s var(--ease);}
.nav.is-solid{background:rgba(251,248,240,.94);box-shadow:0 1px 0 var(--gold-hair);}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-logo{display:block;flex:none;}
.nav-logo img{height:66px;width:auto;}
.nav-links{display:flex;gap:clamp(20px,3vw,40px);margin-left:auto;}
.nav-links a{position:relative;font:400 15px/1 var(--sans);letter-spacing:.04em;color:var(--ink-2);text-decoration:none;padding:8px 0;}
.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.nav-links a:hover,.nav-links a.is-current{color:var(--ink);}
.nav-links a:hover::after,.nav-links a.is-current::after{transform:scaleX(1);}
@media (max-width:820px){
  .nav-links{display:none;}
  .nav-logo img{height:52px;}
}