/* Minimal, isolated responsive nav */
.site-nav{position:sticky;top:0;z-index:999;background:#000000cc;backdrop-filter:saturate(120%) blur(6px)}
.site-nav .nav-wrap{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.site-nav a{color:#fff;text-decoration:none}
.nav-brand{font-family:Poppins;font-weight:700;letter-spacing:.3px}
.nav-menu{display:flex;gap:16px}
.nav-menu a{font-family:Montserrat;font-weight:700;font-size:14px}
.nav-toggle{display:none}
.hamburger{display:none;cursor:pointer;width:32px;height:24px;position:relative}
.hamburger span{position:absolute;height:3px;width:100%;background:#fff;left:0;transition:.3s}
.hamburger span:nth-child(1){top:0}
.hamburger span:nth-child(2){top:10px}
.hamburger span:nth-child(3){top:20px}

@media (max-width: 768px){
  .nav-menu{position:absolute;left:0;right:0;top:54px;background:#000000f0;flex-direction:column;padding:12px 16px;display:none}
  .nav-toggle:checked ~ .nav-menu{display:flex}
  .hamburger{display:block}
}