:root{--header-height: 64px;--header-offset: calc(var(--header-height) + var(--announcement-height, 0px))}.site-header{position:fixed;top:var(--announcement-height, 0px);left:0;right:0;z-index:var(--z-header);background:transparent;color:var(--color-charcoal);transition:top var(--duration-fast) var(--ease-out),color var(--duration-normal) var(--ease-out)}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffffffd1,#fff0);transition:background var(--duration-normal) var(--ease-out);pointer-events:none}.site-header.header--inverse{color:var(--color-white)}.site-header.header--inverse:before{background:linear-gradient(to bottom,rgba(0,0,0,.42),transparent)}.site-header__inner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo nav actions";align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:var(--space-2) var(--gutter);max-width:var(--max-width);margin:auto}.site-header__logo{grid-area:logo;justify-self:start;display:block;width:min(132px,30vw);color:currentColor}.site-header__logo .brand-logo{color:currentColor}.site-nav{grid-area:nav;justify-self:start;display:flex;gap:clamp(var(--space-2),2.5vw,var(--space-4));margin-left:var(--space-4);white-space:nowrap}.site-nav a,.site-header__join,.cart-button,.menu-button{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-serif);font-size:var(--text-overline);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:currentColor}.site-nav a[aria-current=page],.site-nav a:hover,.site-header__join:hover{text-decoration:underline;text-underline-offset:4px}.site-header__actions{grid-area:actions;justify-self:end;display:flex;align-items:center;gap:var(--space-3)}.site-header__join{padding:0;border:0;background:transparent}.site-header__join:hover{background:transparent;color:currentColor}.cart-button,.menu-button{position:relative;padding:0;background:none;border:0;cursor:pointer}.cart-count{font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:0;margin-left:.35em}.cart-count:before{content:"("}.cart-count:after{content:")"}.menu-button{display:none}.is-home .site-header__logo{opacity:clamp(0,calc((var(--hero-p, 0) - .9) * 10),1);visibility:hidden}.is-home .site-nav,.is-home .site-header__actions{opacity:clamp(0,calc((var(--hero-p, 0) - .4) / .5),1);visibility:hidden}.is-home .header--revealed .site-header__logo,.is-home .header--revealed .site-nav,.is-home .header--revealed .site-header__actions{visibility:visible}.is-home .header--docked .site-header__logo{opacity:1}.is-home .header--persist .site-nav,.is-home .header--persist .site-header__actions{opacity:1;visibility:visible}.site-main{padding-top:var(--header-offset)}body.is-home .site-main,body.has-overlay-hero .site-main{padding-top:0}.menu-drawer{display:none}@media(max-width:767px){.site-header__inner{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo actions"}.site-nav,.site-header__join{display:none}.menu-button{display:inline-flex}.menu-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(360px,92vw);background:var(--color-paper);color:var(--color-charcoal);z-index:calc(var(--z-header) + 1);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-out);padding:var(--space-3);border-right:var(--border-width) solid var(--color-border);overflow-y:auto}body.menu-open .menu-drawer{transform:translate(0)}.menu-drawer__close{display:inline-flex;margin-left:auto;margin-bottom:var(--space-8)}.menu-drawer a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--color-border);font-family:var(--font-serif);font-size:var(--text-h3)}}@media(prefers-reduced-motion:reduce){.site-header,.site-header:before,.menu-drawer{transition:none}.is-home .site-header__logo,.is-home .site-nav,.is-home .site-header__actions{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-header.css.map */