.announcement-bar{background-color:var(--color-black);color:var(--color-white);height:var(--announcement-height);overflow:hidden;position:relative}.announcement-bar__track{display:flex;width:max-content;animation:announcement-scroll 70s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px}@media(hover:hover){.announcement-bar__track:hover{animation-play-state:paused}}.announcement-bar__group{display:flex;align-items:center;gap:0;height:var(--announcement-height);flex-shrink:0}.announcement-bar__item{display:flex;align-items:center;gap:var(--space-8);font-family:DM Sans,sans-serif;font-size:.75rem;letter-spacing:.04em;padding:0 var(--space-40);white-space:nowrap;flex-shrink:0}@media(max-width:767px){.announcement-bar{position:relative;overflow:hidden;height:var(--announcement-height)}.announcement-bar__track{animation:none!important;transform:none!important;will-change:auto!important;display:block!important;width:100%!important;height:var(--announcement-height)}.announcement-bar__group{display:none!important}.announcement-bar__group:first-child{display:block!important;position:relative;width:100%;height:var(--announcement-height)}.announcement-bar__item{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0 16px;font-size:.6875rem;letter-spacing:.04em;opacity:0;transition:opacity .5s ease;pointer-events:none;white-space:nowrap}.announcement-bar__item.is-active{opacity:1}.announcement-bar__item:before{display:none!important}}.announcement-bar__item:before{content:"\b7";color:var(--color-gold);font-size:1rem}.announcement-bar__item:first-child:before{display:none}@keyframes announcement-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-white);border-bottom:1px solid var(--color-border);transition:padding var(--transition-base),box-shadow var(--transition-base)}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-height);transition:height var(--transition-base)}.site-header.is-scrolled .site-header__inner{height:56px}.site-header.is-scrolled{box-shadow:0 1px 8px #0000000f}.site-header__logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--color-text-primary);justify-self:center}.site-header__logo .dot{color:var(--color-gold)}.site-header__nav-left{display:flex;align-items:center;gap:var(--space-32)}.site-header__nav-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-24)}.nav-link{font-family:var(--font-heading);font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-decoration:none;color:var(--color-text-primary);padding:7px 16px;border-radius:9999px;border:1.5px solid transparent;transition:all .2s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{border-color:var(--color-border-dark);background:#1c1c1c0a}.header-icon{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--color-border);background:none;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.header-icon:hover{border-color:var(--color-black);background:#1c1c1c0d}.header-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.cart-count{position:absolute;top:-2px;right:-4px;width:16px;height:16px;background:var(--color-black);color:var(--color-white);font-size:.625rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform var(--transition-fast)}.cart-count.bounce{animation:badge-bounce .4s ease}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.cart-count[data-count="0"]{display:none}.nav-item--mega{position:relative}.nav-link--trigger{display:flex;align-items:center;gap:5px}.nav-chevron{transition:transform .2s ease;flex-shrink:0}.nav-link--trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-6px);background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 16px 48px #0000001a;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:200;min-width:380px;padding-top:16px}.mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.mega-menu__inner{display:flex;gap:var(--space-48);padding:var(--space-32) var(--space-40)}.mega-menu__group{display:flex;flex-direction:column;gap:var(--space-8);min-width:140px}.mega-menu__label{font-family:var(--font-heading);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.mega-menu__link{font-family:var(--font-heading);font-size:.9375rem;font-weight:500;color:var(--color-text-primary);text-decoration:none;padding:var(--space-4) 0;transition:color .15s ease;display:block}.mega-menu__link:hover{color:var(--color-gold)}.mega-menu__link--highlight{color:var(--color-gold);font-weight:700}.mega-overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:calc(var(--header-height) + var(--announcement-height));background:#1c1c1c33;z-index:199;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.mega-overlay.is-open{opacity:1;visibility:visible}.mobile-menu__section{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-8)}.mobile-menu__section-label{font-family:var(--font-heading);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-16) 0 var(--space-8)}.burger-btn{display:none;flex-direction:column;gap:5px;padding:var(--space-8);background:none;border:none;cursor:pointer}.burger-btn span{display:block;width:22px;height:1.5px;background:var(--color-black);transition:all var(--transition-base);transform-origin:center}.burger-btn.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.burger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-white);z-index:300;transform:translate(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;padding:var(--space-24);padding-top:calc(var(--header-height) + var(--announcement-height) + var(--space-32));overflow-y:auto}.mobile-menu.active{transform:translate(0)}.mobile-menu__close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:transparent;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);z-index:10;transition:background .2s,color .2s,transform .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.mobile-menu__close:hover,.mobile-menu__close:focus{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.mobile-menu__close:active{transform:scale(.92)}.mobile-menu__nav{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav-link{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:300;color:var(--color-text-primary);text-decoration:none;padding:var(--space-12) 0;border-bottom:1px solid var(--color-border);transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-gold)}.mobile-menu__secondary{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-40)}.mobile-menu__secondary-link{font-family:DM Sans,sans-serif;font-size:.875rem;color:var(--color-text-secondary);text-decoration:none}.mobile-menu__secondary-link:hover{color:var(--color-text-primary)}.mobile-menu__footer{margin-top:auto;padding-top:var(--space-40);font-family:DM Sans,sans-serif;font-size:.75rem;color:var(--color-text-muted)}@media(max-width:1023px){.site-header__nav-left{display:none}.burger-btn{display:flex}.site-header__inner{grid-template-columns:auto 1fr auto}.site-header__logo{justify-self:start}}@media(max-width:767px){:root{--header-height: 60px}.site-header__logo{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gravee-header.css.map */