header{padding:20px 0;position:sticky;top:0;z-index:50}.wrap{align-items:center;display:flex;justify-content:space-between;min-height:64px;width:100%}.logo{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.5px;text-decoration:none;text-transform:uppercase}nav{align-items:flex-start;display:flex;gap:16px}nav .btn svg{fill:#fff;width:19px}.nav-toggle{background:transparent;border:0;cursor:pointer;display:inline-flex;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:0;width:40px;z-index:5}.nav-toggle span{background:#fff;display:block;height:2px;transition:transform .25s ease,opacity .25s ease;width:22px}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{background:#0b1424;display:flex;flex-direction:column;gap:20px;inset:0 0 0 32%;padding:96px 24px 24px;position:fixed;transform:translateX(100%);transition:transform .3s ease}.nav.is-open{transform:translateX(0)}body.nav-open{overflow:hidden}.nav .btn{font-size:1.1rem;justify-content:flex-start;padding:12px 0}body.nav-open:after{background:rgba(0,0,0,.35);content:"";inset:0;pointer-events:none;position:fixed;z-index:49}@media (min-width:992px){.nav-toggle{display:none}.nav{background:transparent;flex-direction:row;gap:16px;inset:auto;padding:0;position:static;transform:none!important}body.nav-open:after{display:none}}