.top-bar{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:fixed;top:0;left:0}.top-bar-logo{align-items:center;height:3rem;display:flex}.top-bar-logo a.logo-link{white-space:nowrap;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .3s;display:flex}.top-bar-logo .logo-svg{fill:#b49459;flex-shrink:0;width:auto;height:2.4rem;transition:opacity .3s}.top-bar-logo .logo-text{font-family:var(--font-title);letter-spacing:.05em;color:#fff;font-size:clamp(1rem,.65vw + .92rem,1.3rem);font-weight:400;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),color .3s}.top-bar.scrolled .logo-text{opacity:0;pointer-events:none;transform:translateY(-12px)}.top-bar.light-surface .logo-text{color:var(--ink)}.top-bar.dark-surface .logo-text{color:#fff}.top-bar-logo a.logo-link:hover{opacity:.8}.top-bar-links{z-index:40;align-items:center;gap:2.5rem;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.top-bar.scrolled .top-bar-links{opacity:0;pointer-events:none;transform:translateY(-10px)}.top-bar-links a{font-family:var(--font-body);color:var(--base-200);text-transform:uppercase;letter-spacing:.12em;padding-bottom:6px;font-size:clamp(.72rem,.18vw + .68rem,.8rem);font-weight:500;transition:color .3s;position:relative}.top-bar-links a:hover{color:var(--gold)}.top-bar-links a:after{content:"";background-color:var(--gold);transform-origin:0;width:100%;height:1.5px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.top-bar-links a:hover:after{transform:scaleX(1)}.top-bar-mega-trigger{align-items:center;display:inline-flex}.top-bar-mega-trigger>a.mega-active{color:var(--gold)}.top-bar-mega-trigger>a.mega-active:after{transform:scaleX(1)}.top-bar.mega-open .top-bar-links a{color:var(--base-450)}.top-bar.mega-open .top-bar-mega-trigger>a.mega-active{color:var(--gold-dark)}.products-mega{z-index:30;background:#fff;border-radius:1.25rem;display:none;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 30px 80px #0d0c0c2e}.products-mega-inner{grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;width:100%;padding:.5rem 1.25rem 1.4rem;display:grid;position:absolute;top:0;left:0}.products-mega-item{text-align:left;border-radius:.7rem;flex-direction:column;gap:.5rem;padding:.5rem;text-decoration:none;transition:background-color .25s;display:flex}.products-mega-item:hover{background-color:var(--cream)}.products-mega-thumb{aspect-ratio:4/3;background-color:var(--cream-dark);border-radius:.45rem;width:100%;overflow:hidden}.products-mega-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.products-mega-item:hover .products-mega-thumb img{transform:scale(1.06)}.products-mega-zh{font-family:var(--font-title);color:var(--ink);font-size:clamp(1rem,.3vw + .94rem,1.1rem);font-weight:400;line-height:1.1}.products-mega-zh-latin{letter-spacing:.02em;font-size:clamp(.82rem,.2vw + .76rem,.92rem)}.products-mega-cat{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);font-size:clamp(.52rem,.12vw + .5rem,.58rem)}.top-bar-cta{align-items:center;height:3rem;display:flex}.top-bar-cta .btn{margin:0}.top-bar.light-surface .top-bar-cta .btn{background:#fff}.top-bar.light-surface .top-bar-links a{color:var(--base-450)}.top-bar.light-surface .top-bar-links a:hover{color:var(--gold-dark)}@media (max-width:1200px){.top-bar{padding:.75rem 1rem;transition:background-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s}.top-bar.scrolled.light-surface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f8f3ecc7}.top-bar.scrolled.dark-surface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#1413139e}.top-bar-logo{height:2.25rem}.top-bar-logo .logo-svg{height:1.8rem}.top-bar-logo .logo-text{font-size:clamp(.95rem,3.2vw,1.05rem)}.top-bar-links{display:none}.products-mega{display:none!important}.top-bar-cta{align-items:center;height:2.25rem;display:flex}.top-bar-cta .btn{min-width:7rem;height:2.45rem;margin:0;padding:.12rem}.top-bar-cta .btn .circle{width:auto;height:2.2rem;transition:left .45s cubic-bezier(.65,0,.076,1),right .45s cubic-bezier(.65,0,.076,1) .1s,transform .5s;top:.12rem;left:.12rem;right:calc(100% - 2.32rem)}.top-bar-cta .btn .icon{font-size:clamp(1.05rem,4vw,1.15rem);transition:left .45s cubic-bezier(.65,0,.076,1);top:.53rem;left:.66rem}.top-bar-cta .btn .button-text{margin-left:.85rem;margin-right:0;font-size:clamp(.72rem,2.6vw,.78rem);transition:margin-left .5s cubic-bezier(.65,0,.076,1),color .3s}.top-bar-cta .btn .button-spacer{padding-left:3.15rem;padding-right:.75rem;font-size:clamp(.72rem,2.6vw,.78rem)}.top-bar-cta .btn:hover .circle{transition:left .45s cubic-bezier(.65,0,.076,1) .1s,right .45s cubic-bezier(.65,0,.076,1);left:calc(100% - 2.32rem);right:.12rem}.top-bar-cta .btn:hover .icon{transition:left .45s cubic-bezier(.65,0,.076,1) .1s;left:calc(100% - 1.76rem)}.top-bar-cta .btn:hover .button-text{margin-left:-.85rem}}@media (max-width:390px){.top-bar-logo .logo-text{font-size:clamp(.88rem,3.2vw,.95rem)}.top-bar-cta .btn{min-width:6.5rem}}
