.burger{display:none}
@media(max-width:760px){
.js-nav .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:46px;height:46px;padding:0 11px;margin-right:-11px;background:none;border:0;cursor:pointer;color:#fff}
.burger span{display:block;height:3px;width:100%;background:currentColor;transition:transform .3s ease,opacity .2s ease}
.js-nav.open .burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.js-nav.open .burger span:nth-child(2){opacity:0}
.js-nav.open .burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.js-nav nav{position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1.5rem;background:rgba(6,0,9,.97);border-bottom:1px solid rgba(255,255,255,.16);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.js-nav.open nav{opacity:1;visibility:visible;transform:none}
.js-nav nav a:not(.btn){display:block;padding:1rem 0;font-size:1.15rem;border-bottom:1px solid rgba(255,255,255,.12)}
.js-nav nav a.btn{margin-top:1.2rem;text-align:center;transform:none}
.js-nav nav a.btn span{transform:none}
}
@media(prefers-reduced-motion:reduce){.burger span,.js-nav nav{transition:none}}