/* ─── NAV MOBILE (hamburger, <=768px only) ─── */
.nav-burger{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:36px;
  height:36px;
  padding:0;
  background:none;
  border:none;
  cursor:pointer;
}
.nav-burger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--cream);
  transition:transform .25s ease,opacity .25s ease;
}
body.nav-scroll-lock{overflow:hidden}

@media(max-width:768px){
  .nav-burger{display:flex;order:5}
  .nav.is-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.is-open .nav-burger span:nth-child(2){opacity:0}
  .nav.is-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .nav.is-open .nlinks{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    gap:1.1rem;
    padding:1.5rem 5vw 2rem;
    background:rgba(7,19,26,.97);
    backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(26,122,138,.18);
    max-height:calc(100vh - 64px);
    overflow-y:auto;
  }
  .nav.is-open .nlinks a{font-size:1rem}
}