.nav-logo-img{
    height: 70px;
}


.navbar{
    pointer-events:auto;
    width:80%; max-width:1180px;
    display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
    padding:0.75rem 1.25rem 0.75rem 1rem;
    background: linear-gradient(90deg, #ffffff 10%, var(--navy) 45%);
    backdrop-filter:blur(14px) saturate(140%);
    -webkit-backdrop-filter:blur(14px) saturate(140%);
    border:1px solid rgba(232,163,61,0.18);
    border-radius:var(--radius-pill);
    box-shadow:0 8px 30px rgba(19,31,56,0.18);
    transition:width 0.45s cubic-bezier(.22,1,.36,1), max-width 0.45s cubic-bezier(.22,1,.36,1),
               border-radius 0.45s cubic-bezier(.22,1,.36,1), background 0.45s ease, padding 0.45s ease;
  }
  .navbar.is-scrolled{
    width:100%; max-width:100%; border-radius:0;
    padding:0.7rem 2.5rem;
    background: linear-gradient(120deg, #ffffff 10%, var(--navy) 45%);
    border-color:transparent;margin-top: -20px;
    border-bottom:1px solid rgba(232,163,61,0.14);
  }

/* Mobile nav: full-width bar + slide-out overlay */
.nav-backdrop{
  position:fixed; inset:0; z-index:1;
  background:rgba(3,24,68,0.55);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity 0.35s ease, visibility 0.35s ease;
}
.nav-backdrop.is-visible{
  opacity:1; visibility:visible; pointer-events:auto;
}
body.nav-open{ overflow:hidden; }

@media (max-width:820px){
  .nav-wrap{
    padding-top:0; margin-top:0;
    justify-content:stretch;
  }
  .navbar{
    position:relative; z-index:2;
    width:100%; max-width:100%;
    border-radius:0; margin-top:0;
    padding:0.6rem 1rem;
    box-shadow:0 2px 14px rgba(19,31,56,0.14);
    border-left:none; border-right:none; border-top:none;
  }
  .navbar.is-scrolled{
    padding:0.6rem 1rem; margin-top:0;
  }
  .nav-logo-img{ height:42px; }
  .nav-links{
    z-index:3;
    pointer-events:auto;
    box-shadow:-8px 0 32px rgba(0,0,0,0.25);
  }
}

@media (max-width:400px){
  .navbar{ padding:0.55rem 0.85rem; }
  .navbar.is-scrolled{ padding:0.55rem 0.85rem; }
  .nav-logo-img{ height:38px; }
}