:root{--main:#002B45;--gold:#D4AF37;--nav-h:120px}.nav-wrap{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);z-index:1003;background:linear-gradient(180deg,rgb(0 43 69 / .98),rgb(0 43 69 / .92));border-bottom:1px solid rgb(212 175 55 / .25);box-shadow:0 15px 40px rgb(0 0 0 / .35);transition:transform .45s cubic-bezier(.22,1,.36,1)}.nav-wrap.hide{transform:translateY(calc(-1 * var(--nav-h)))}.nav-inner{max-width:1440px;margin:auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{height:70px}.hamburger{width:40px;height:40px;position:relative;cursor:pointer}.hamburger .bars,.hamburger .bars::before,.hamburger .bars::after{content:"";position:absolute;left:8px;width:24px;height:2px;background:#fff;transition:.4s ease}.hamburger .bars{top:19px}.hamburger .bars::before{top:-8px}.hamburger .bars::after{top:8px}.hamburger.active .bars{background:#fff0}.hamburger.active .bars::before{transform:rotate(45deg);top:0}.hamburger.active .bars::after{transform:rotate(-45deg);top:0}.nav-overlay{position:fixed;inset:0;background:rgb(5 8 12 / .88);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:1000}.nav-overlay.open{opacity:1;pointer-events:auto}.nav-panel{position:absolute;top:0;right:0;width:min(520px,100%);height:100vh;padding:160px 72px 96px;background:#262d35;box-shadow:-40px 0 120px rgb(0 0 0 / .85);transform:translateX(100%);transition:transform .7s cubic-bezier(.22,1,.36,1);z-index:1001;pointer-events:auto}.nav-overlay.open .nav-panel{transform:translateX(0)}.menu-close{position:absolute;top:36px;right:36px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;opacity:.7;transition:opacity .25s ease;z-index:1002;pointer-events:auto}.menu-close:hover{opacity:1}.overlay-menu{list-style:none;margin:0;padding:0;counter-reset:item}.overlay-menu li{position:relative;padding:22px 0;border-bottom:1px solid rgb(255 255 255 / .08)}.overlay-menu li::before{counter-increment:item;content:"0" counter(item);position:absolute;left:-40px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:.18em;color:rgb(255 255 255 / .3)}.overlay-menu a{display:block;font-size:22px;letter-spacing:.14em;color:#fff;text-decoration:none;transition:transform .35s ease}.overlay-menu li:hover a{transform:translateX(8px)}@media(max-width:640px){.nav-panel{padding:140px 36px 72px}.overlay-menu a{font-size:18px}.overlay-menu li::before{left:-28px}.menu-close{top:28px;right:24px}}.nav-overlay.open~.nav-wrap{pointer-events:none}.menu-close{top:calc(var(--nav-h) + 24px)}.nav-overlay{cursor:pointer}.nav-panel{cursor:auto}