.header-menu__bg{position:fixed;inset:0;background:#000000b3;z-index:40;opacity:0;pointer-events:none;transition:opacity .5s ease}.header-menu__bg.abs{position:absolute}.js__closemenu{cursor:pointer}.menu-overlay{position:fixed;inset:0;z-index:50;background:#0f172a;transform:translate(-100%);transition:transform .7s cubic-bezier(.16,1,.3,1);overflow:hidden}.menu-overlay.open{transform:translate(0)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;z-index:60;display:flex;align-items:center;gap:.5rem;color:#fff;background:none;border:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:color .3s ease;padding:.5rem}.close-btn:hover{color:#d4af37}.menu-content{display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:1024px){.menu-content{flex-direction:row}}.menu-left{width:100%;padding:2rem;display:flex;align-items:center}@media(min-width:640px){.menu-left{padding:3rem}}@media(min-width:768px){.menu-left{padding:4rem}}@media(min-width:1024px){.menu-left{width:50%;padding:5rem}}.menu-left ul{width:100%;list-style:none;padding:0;margin:0}.menu-left li{margin-bottom:2rem;overflow:hidden;position:relative}@media(min-width:640px){.menu-left li{margin-bottom:2.5rem}}@media(min-width:768px){.menu-left li{margin-bottom:3rem}}.menu-left li:last-child{margin-bottom:0}.menu-left li a{display:flex;align-items:center;color:#fff;text-decoration:none;transition:color .3s ease;font-size:1.5rem;font-weight:400;font-family:serif}@media(min-width:640px){.menu-left li a{font-size:1.875rem}}@media(min-width:768px){.menu-left li a{font-size:2.25rem}}@media(min-width:1024px){.menu-left li a{font-size:2rem}}.menu-left li a:hover{color:#d4af37}.menu-left li span{color:#d4af37;opacity:.6;font-family:monospace;font-size:.875rem;margin-right:1rem;min-width:2.5rem}@media(min-width:640px){.menu-left li span{font-size:1rem;margin-right:1.5rem}}.menu-right{width:100%;padding:2rem;background:linear-gradient(135deg,#131c2e,#0a0f1a);display:flex;flex-direction:column;justify-content:center}@media(min-width:640px){.menu-right{padding:3rem}}@media(min-width:768px){.menu-right{padding:4rem}}@media(min-width:1024px){.menu-right{width:50%;padding:5rem}}.menu-right h3{color:#fff;font-size:1.5rem;font-family:serif;margin-bottom:1rem}@media(min-width:640px){.menu-right h3{font-size:1.875rem}}@media(min-width:768px){.menu-right h3{font-size:2.25rem}}@media(min-width:1024px){.menu-right h3{font-size:2.5rem;margin-bottom:1.5rem}}.menu-right .socials{margin-bottom:2rem}@media(min-width:1024px){.menu-right .socials{margin-bottom:3rem}}.menu-right .socials button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;margin-right:.5rem;margin-bottom:.5rem;cursor:pointer;transition:all .3s ease}.menu-right .socials button:hover{background:#d4af370d;border-color:#d4af374d}.menu-right .socials button svg{width:1rem;height:1rem;opacity:.6}.menu-right .contact{color:#fff}.menu-right .contact p{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem}@media(min-width:640px){.menu-right .contact p{font-size:1rem}}.menu-right .contact p:last-child{margin-bottom:0}.menu-right .contact p div{width:2rem;height:2rem;border-radius:9999px;background:linear-gradient(135deg,#d4af37,#f7ef8a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-right .contact p div svg{width:.875rem;height:.875rem;color:#1a202c}@media(min-width:640px){.menu-right .contact p div{width:2.5rem;height:2.5rem}.menu-right .contact p div svg{width:1rem;height:1rem}}.header__menu-line{position:absolute;top:0;left:50%;height:100%;width:1px;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.2),transparent);display:none}@media(min-width:1024px){.header__menu-line{display:block}}@media(max-width:1023px){.menu-left li a{font-size:1.75rem}.menu-right h3{font-size:1.5rem}.menu-right .socials button{padding:.375rem .75rem;font-size:.75rem}}@media(max-width:639px){.menu-left,.menu-right{padding:1.5rem}.menu-left li a{font-size:1.25rem}.menu-left li span{font-size:.75rem;margin-right:.75rem;min-width:2rem}.close-btn span{display:none}}
