.opening-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-bg);display:flex;justify-content:center;align-items:center;z-index:10000;pointer-events:none}.opening-logo{width:150px;opacity:0;filter:drop-shadow(0 0 30px rgba(139,38,53,.5))}.main-nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:transform .4s cubic-bezier(.25,.46,.45,.94),background .4s ease,box-shadow .4s ease;transform:translateY(0)}.main-nav.nav-hidden{transform:translateY(-100%)}.main-nav.nav-visible{transform:translateY(0)}.nav-logo{position:relative;z-index:2}.nav-logo img{width:80px;transition:var(--transition-fast)}.nav-logo:hover img{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(139,38,53,.5))}.nav-menu{display:flex;gap:2.5rem;list-style:none;position:relative;z-index:2}.nav-menu li a{font-size:.9rem;color:var(--color-cream);letter-spacing:.1em;position:relative;padding:.5rem 0}.nav-menu li a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--color-gold);transition:var(--transition-fast);transform:translate(-50%)}.nav-menu li a:hover:after{width:100%}.nav-menu li a:hover{color:var(--color-gold)}.menu-toggle{display:none;flex-direction:column;gap:6px;padding:10px;cursor:pointer;z-index:2;background:none;border:none}.menu-toggle span{width:25px;height:2px;background:var(--color-cream);transition:var(--transition-fast)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.scroll-progress{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;z-index:999}.scroll-progress svg{transform:rotate(-90deg)}.scroll-progress circle{fill:none;stroke-width:2}.scroll-progress .bg{stroke:#c9a95933}.scroll-progress .progress{stroke:var(--color-gold);stroke-dasharray:138.23;stroke-dashoffset:138.23;transition:stroke-dashoffset .1s ease}.scroll-progress .percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;color:var(--color-gold);font-family:var(--font-display)}@media(max-width:900px){.menu-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:70%;max-width:350px;height:100vh;background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:var(--transition-smooth);border-left:1px solid rgba(201,169,89,.2)}.nav-menu.active{right:0}.nav-menu li a{font-size:1.2rem}}@media(max-width:480px){.main-nav{padding:1rem 1.5rem}.nav-logo img{width:60px}.nav-menu{width:85%;max-width:none}.nav-menu li a{font-size:1.1rem}.scroll-progress{width:40px;height:40px;bottom:1rem;right:1rem}.scroll-progress .percentage{font-size:.55rem}}@media(max-width:430px){.main-nav{padding:.8rem 1rem}.nav-logo img{width:50px}.menu-toggle{padding:8px}.menu-toggle span{width:22px}.nav-menu{width:100%;gap:2.5rem}.scroll-progress{display:none}.menu-toggle{display:none!important}.opening-overlay{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/nav.css.map */