/* Top navigation (hides while scrolling down, returns on scroll up) and the mobile menu. */
nav{position:fixed;top:0;width:100%;z-index:1000;padding:10px var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:transform .5s var(--ease),background .4s,box-shadow .4s,padding .4s}
nav.scrolled{background:rgba(251,249,246,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding-top:6px;padding-bottom:6px}
nav.nav-hidden{transform:translateY(-100%)}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-logo-img{height:84px;max-width:260px;object-fit:contain;display:block;transition:height .4s var(--ease)}
nav.scrolled .nav-logo-img{height:62px}
.nav-links{display:flex;gap:30px;list-style:none;align-items:center}
.nav-links a{color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;position:relative;transition:color .25s}
.nav-links a:not(.nav-cta):not(.nav-ig)::after{content:'';position:absolute;right:0;bottom:-5px;width:0;height:1px;background:var(--clay-deep);transition:width .35s var(--ease)}
.nav-links a:not(.nav-cta):not(.nav-ig):hover::after{width:100%}
.nav-links a:hover{color:var(--clay-deep)}
.nav-ig{display:flex;align-items:center}
.nav-ig svg{width:20px;height:20px;fill:currentColor}
.nav-cta{background:var(--wa-deep);color:#fff!important;padding:10px 22px;border-radius:99px;font-weight:700!important;display:inline-flex;align-items:center;gap:8px;transition:background .25s,transform .25s}
.nav-cta:hover{background:var(--charcoal)}
.nav-cta svg{width:16px;height:16px;fill:#fff}
.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;padding:10px}
.hamburger span{width:26px;height:2px;background:var(--charcoal);display:block}

.mob-menu{display:none;position:fixed;inset:0;background:var(--offwhite);z-index:1200;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.mob-menu.open{display:flex}
.mob-menu a{color:var(--charcoal);font-size:1.6rem;text-decoration:none;font-weight:300}
.mob-menu .nav-cta{margin-top:10px;font-size:1rem;color:#fff}
.mob-close{position:absolute;top:18px;left:18px;font-size:2rem;color:var(--charcoal);background:none;border:none;padding:8px 14px}