.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:36px;padding:0 48px;height:78px;background:var(--wa-magenta);border-bottom:1px solid rgba(255,255,255,.18)}
.nav .brand{display:flex;align-items:center;gap:12px}
.nav .brand img{width:auto;height:40px;filter:brightness(0) invert(1)}
.nav nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.nav nav .btn.btn-maroon{border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:9px 22px;font-size:15px;font-family:var(--font-body);letter-spacing:.06em}
.nav nav a{font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);text-decoration:none;transition:color .2s}
.nav nav a:hover{color:#fff}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:4px;flex:none}
.nav-toggle span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .24s var(--ease),opacity .24s var(--ease)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){
  .nav{padding:14px 28px;height:auto}
  .nav-toggle{display:flex;margin-left:auto}
  .nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--wa-maroon);padding:16px 28px 24px;gap:0;border-bottom:1px solid rgba(255,255,255,.15);z-index:49}
  .nav nav.open{display:flex}
  .nav nav a{padding:14px 0;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)}
}
@media(max-width:640px){.nav{padding:14px 20px}.nav nav{padding:16px 20px 24px}}