/* Top navigation (solid after scroll, hides on scroll down) and the mobile menu overlay. */
#navbar{position:fixed;top:0;inset-inline:0;z-index:1000;height:var(--nav-h);padding:0 var(--gutter);display:flex;align-items:center;gap:32px;transition:transform .5s var(--ease),background .4s,box-shadow .4s}
#navbar.scrolled{background:rgba(251,249,246,.96);box-shadow:0 1px 0 var(--line)}
#navbar.nav-hidden{transform:translateY(-100%)}
.nav-logo{display:flex;align-items:center;text-decoration:none;margin-inline-end:auto}
.nav-logo-img{height:56px;width:auto;max-width:220px;object-fit:contain}
.nav-links{display:flex;gap:30px;list-style:none;align-items:center}
.nav-links a{color:var(--ink);text-decoration:none;font-size:1rem;font-weight:400;position:relative;padding:8px 0;transition:color .25s}
.nav-links a::after{content:'';position:absolute;right:0;bottom:2px;width:0;height:1px;background:var(--clay-deep);transition:width .35s var(--ease)}
.nav-links a:hover{color:var(--clay-deep)}
.nav-links a:hover::after{width:100%}
.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;padding:12px;min-width:44px;min-height:44px;justify-content:center}
.hamburger span{width:26px;height:2px;background:var(--ink);display:block}

.mob-menu{display:none;position:fixed;inset:0;background:var(--bg);z-index:1200;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.mob-menu.open{display:flex}
.mob-menu a:not(.btn){color:var(--ink);font-size:1.7rem;font-weight:300;text-decoration:none}
.mob-menu .btn{margin-top:14px}
.mob-close{position:absolute;top:18px;left:18px;font-size:1.8rem;background:none;border:none;padding:8px 14px;min-width:44px;min-height:44px}

@media (max-width:980px){
  :root{--nav-h:68px}
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .nav-logo-img{height:44px}
}