.header{--header-bg: var(--color-background);--header-text: #000000;--header-btn-bg: var(--color-accent);--header-btn-text: #000000;--header-btn-border: var(--color-accent);--header-inset: 0;--header-top: 0}.header[data-variant=homepage-floating]{--header-inset: 32px;--header-top: 10px}.header[data-variant=sage-teal]{--header-bg: var(--color-secondary);--header-text: var(--color-primary);--header-btn-bg: var(--color-primary);--header-btn-text: #FFFFFF;--header-btn-border: var(--color-primary)}.header[data-variant=deep-teal]{--header-bg: var(--color-primary);--header-text: var(--color-secondary);--header-btn-bg: var(--color-secondary);--header-btn-text: #FFFFFF;--header-btn-border: var(--color-secondary)}.header__announcement{width:100%;height:var(--announcement-height);display:flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:calc(var(--announcement-height) * .4);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;line-height:1}.header__announcement p{margin:0}.header__announcement a{color:inherit!important;text-decoration:underline}.header__outer{position:relative;z-index:1000;width:100%}.header:not([data-variant=homepage-floating]){min-height:var(--header-height)}.header:not([data-variant=homepage-floating]) .header__outer.is-pinned{position:fixed;top:0;left:0;right:0;transform:translateY(-100%);transition:transform .3s ease}.header:not([data-variant=homepage-floating]) .header__outer.is-pinned.is-visible{transform:translateY(0)}.header[data-variant=homepage-floating]{position:relative;z-index:1000;margin-bottom:calc(-65px - var(--header-top))}.header[data-variant=homepage-floating] .header__outer{position:fixed;top:var(--header-top);left:var(--header-inset);right:var(--header-inset);width:auto}.header__inner{display:flex;align-items:center;justify-content:space-between;height:65px;padding:0 40px;background-color:var(--header-bg);color:var(--header-text);transition:box-shadow var(--transition-slow)}.header.is-scrolled .header__inner{box-shadow:0 2px 20px #00000014}.header__left{display:flex;align-items:center;gap:48px}.header__logo{display:flex;align-items:center;flex-shrink:0}.header__logo-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--header-text)}.header__logo-link:hover{color:var(--header-text)}.header__logo-img{display:block;height:auto}.header__logo-img--desktop{display:block}.header__logo-img--mobile{display:none}.header__logo-text{font-family:var(--font-heading-family);font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:var(--font-weight-regular);letter-spacing:.05em;white-space:nowrap}.header__nav{display:flex;align-items:center}.header__nav-list{display:flex;align-items:center;gap:clamp(24px,2.5vw,36px);list-style:none;margin:0;padding:0}.header__nav-link{font-family:var(--font-body-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--header-text);text-decoration:none;white-space:nowrap;padding:var(--spacing-xs) 0;position:relative;display:inline-flex;align-items:center;min-height:44px;transition:opacity var(--transition-base)}.header__nav-link:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:1.5px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.header__nav-link:hover,.header__nav-link.is-active{color:var(--header-text);opacity:.7}.header__nav-link.is-active:after,.header__nav-link:hover:after{transform:scaleX(1)}.header__actions{display:flex;align-items:center;gap:30px;flex-shrink:0}.header__cta{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:40px;padding:0 var(--spacing-md);font-family:var(--font-body-family);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-primary);background-color:var(--color-accent);border:1.5px solid var(--color-accent);border-radius:999px;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.header__cta:hover{opacity:.8;color:var(--color-primary)}.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--header-text);background:none;border:none;cursor:pointer;position:relative;text-decoration:none;transition:opacity var(--transition-base)}.header__icon-btn:hover{opacity:.7;color:var(--header-text)}.header__icon-btn svg{width:24px;height:24px}.header__cart-count{position:absolute;top:-6px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--font-body-family);font-size:10px;font-weight:var(--font-weight-bold);line-height:1;color:#000;background-color:var(--color-accent);border-radius:999px}.header__hamburger{display:none}.header__drawer{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background-color:var(--color-background);color:var(--color-primary);z-index:2000;transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.header__drawer.is-open{transform:translate(0)}.header__drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.header__drawer-overlay.is-open{opacity:1;visibility:visible}.header__drawer-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px var(--nav-padding-x-mobile);flex-shrink:0;border-bottom:1px solid var(--color-primary)}.header__drawer-logomark{display:inline-flex;align-items:center;text-decoration:none}.header__drawer-logomark:hover{color:inherit}.header__drawer-logomark img{width:45px;height:auto}.header__drawer-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--color-primary);background:none;border:none;cursor:pointer;transition:opacity var(--transition-base)}.header__drawer-close:hover{opacity:.7}.header__drawer-close svg{width:28px;height:28px}.header__drawer-content{flex:1;display:flex;flex-direction:column;padding-top:46px;margin:0 12px}.header__drawer-nav{padding:0}.header__drawer-nav-list{display:flex;flex-direction:column;gap:38px;list-style:none;margin:0;padding:0}.header__drawer-nav-item{padding:0 20px}.header__drawer-nav-link{display:block;font-family:var(--font-heading-family);font-size:44px;font-weight:var(--font-weight-regular);line-height:44px;color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-base)}.header__drawer-nav-link:hover{opacity:.7;color:var(--color-primary)}.header__drawer-cta-wrap{padding:40px 20px 0}.header__drawer-cta{display:flex;align-items:center;justify-content:center;width:100%;height:52px;font-family:var(--font-body-family);font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-accent);border-radius:40px;text-decoration:none;transition:opacity var(--transition-base)}.header__drawer-cta:hover{opacity:.85;color:var(--color-primary)}.header__drawer-instagram{padding:0 20px;margin-top:50px}.header__drawer-instagram-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body-family);font-size:10px;font-weight:var(--font-weight-medium);color:#2a2a2a;text-decoration:none;transition:opacity var(--transition-base)}.header__drawer-instagram-link:hover{opacity:.7;color:#2a2a2a}.header__drawer-instagram-link svg{width:17px;height:17px;flex-shrink:0}.header__drawer-bottom{margin-top:auto;padding:0 var(--spacing-md) var(--nav-padding-x-mobile);text-align:center;flex-shrink:0}.header__drawer-bottom p{font-family:var(--font-body-family);font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:normal;margin:0}@media screen and (min-width:768px){.header[data-variant=homepage-floating] .header__outer{left:16px;right:16px}}@media screen and (min-width:768px){.header[data-variant=homepage-floating] .header__outer{left:32px;right:32px}.header__nav-item--cta-dup{display:none}}@media screen and (max-width:767px){.header[data-variant=homepage-floating] .header__outer{position:relative!important;top:auto!important;left:0!important;right:0!important;width:100%!important}.header[data-variant=homepage-floating]{margin-bottom:0}.header{min-height:var(--header-height-mobile)}.header .header__outer.is-pinned{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;transform:translateY(-100%);transition:transform .3s ease}.header .header__outer.is-pinned.is-visible{transform:translateY(0)}.header .header__inner{height:var(--header-height-mobile);padding:0 var(--nav-padding-x-mobile);background-color:var(--color-background);color:var(--color-primary);border-bottom:1px solid var(--color-primary)}.header__nav,.header__icon-btn{display:none}.header__cta{color:var(--color-primary);background-color:var(--color-accent);border-color:var(--color-accent)}.header__cta:hover{color:var(--color-primary)}.header__hamburger{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--color-primary);background:none;border:none;cursor:pointer}.header__hamburger svg{width:28px;height:28px}.header__logo-img--desktop{display:none}.header__logo-img--mobile{display:block;width:129px}.header__actions{gap:30px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-header.css.map */