:root{--brand-ink: #1a1a1a;--brand-bone: #f5f1ea;--brand-stone: #a8a296;--brand-camel: #8c6a45}[data-header-sticky] .header__desktop,[data-header-sticky] .header__mobile{transition:padding .25s ease,box-shadow .25s ease}.js__header__stuck .header__desktop,.js__header__stuck .header__mobile{padding-top:8px;padding-bottom:8px}.js__header__stuck{box-shadow:0 1px #a8a29673}.js__header__stuck .header__logo img,.js__header__stuck .header__logo svg{max-height:34px;transition:max-height .25s ease}.navlink--toplevel .navtext{position:relative;display:inline-block}.navlink--toplevel .navtext:after{content:"";position:absolute;left:50%;right:50%;bottom:-3px;height:1.5px;background:var(--brand-camel);transition:left .22s ease,right .22s ease}.navlink--toplevel:hover .navtext:after,.navlink--toplevel:focus-visible .navtext:after,[data-hover-disclosure-toggle][aria-expanded=true] .navtext:after{left:0;right:0}.navlink--toplevel[aria-current=page] .navtext:after{left:0;right:0;background:var(--brand-ink)}.navlink--child,.navlink--grandchild{transition:color .15s ease,transform .15s ease}.navlink--child:hover,.navlink--grandchild:hover{color:var(--brand-camel);transform:translate(2px)}.header__cart__status{background:var(--brand-camel);color:#fff;font-variant-numeric:tabular-nums}.header__desktop :focus-visible,.header__mobile :focus-visible{outline:2px solid var(--brand-camel);outline-offset:3px;border-radius:2px}@media(max-width:767px){.header__mobile__nav{background:var(--brand-bone)}.header__mobile__nav .navlink{padding-top:14px;padding-bottom:14px}}@media(prefers-reduced-motion:reduce){[data-header-sticky] .header__desktop,[data-header-sticky] .header__mobile,.js__header__stuck .header__logo img,.navlink--toplevel .navtext:after,.navlink--child,.navlink--grandchild{transition:none}}.brand-sticky-announcement{position:fixed;top:0;left:0;right:0;z-index:5600}.brand-sticky-announcement__spacer{flex:none}.header__wrapper .theme__header{top:0}.js__header__stuck .theme__header{top:var(--announcement-h, 0px)}[data-header-sticky] .header__logo .logo__img{transition:width .25s ease}.js__header__stuck .header__logo .logo__img{width:38px}.header__desktop__upper,.header__desktop__bar__l,.header__desktop__bar__c,.header__desktop__bar__r,.header__logo{align-items:center}.header__desktop .header__menu .navlink--toplevel,.header__desktop__bar__c .navlink--toplevel{padding-top:12px;padding-bottom:12px;line-height:1.4}.header__desktop__upper,.header__desktop__lower{min-height:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/brand-header.css.map */