/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(5,7,5,.82);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.08)}
.nav-in{max-width:var(--max);margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5vw}
.mark{display:flex;align-items:center;gap:10px}
.mark svg{width:26px;height:26px;color:var(--leaf-2)}
.mark b{font-size:15px;font-weight:600;letter-spacing:-.04em;display:block;line-height:1}
.mark small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:3px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:13px;letter-spacing:-.01em;color:rgba(255,255,255,.55);transition:color .25s}
.nav-links a:hover{color:#fff}
.btn-white{display:inline-block;background:#fff;color:var(--void);padding:10px 18px;font-size:13px;font-weight:500;transition:background .3s}
.btn-white:hover{background:var(--leaf-2)}
.btn-ghost{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:10px 18px;font-size:13px;font-weight:500;transition:border-color .3s,color .3s}
.btn-ghost:hover{border-color:#fff}
.btn-leaf{display:inline-block;border-bottom:1px solid var(--leaf-2);color:var(--leaf-2);font-size:13px;padding-bottom:3px;transition:color .3s}
.btn-leaf:hover{color:#fff}
.nav-toggle{display:none;font-size:13px;color:#fff}
@media(max-width:820px){
  .nav-links{display:none}
  .nav-toggle{display:block}
  .mobile-menu{position:fixed;inset:64px 0 auto;background:var(--void);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 5vw 18px;z-index:99}
  .mobile-menu a{display:block;padding:11px 0;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06)}
}