.site-header{position:sticky;top:0;z-index:50;width:100%;background-color:var(--color-emerald);color:var(--color-white);border-bottom:1px solid var(--color-white-10)}@media(min-width:750px){.site-header{background-color:var(--color-white);color:var(--color-ink);border-bottom:1px solid var(--color-ink-10)}}.site-header__inner{max-width:1400px;margin:0 auto;padding:0 var(--space-5);height:64px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--space-3)}@media(min-width:750px){.site-header__inner{padding:0 var(--space-8) 0 var(--space-4);height:80px;grid-template-columns:1fr auto 1fr;gap:var(--space-8)}.site-header__wordmark{grid-column:1}.site-header__nav{grid-column:2}.site-header__actions{grid-column:3}}.site-header__wordmark{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px;letter-spacing:.38em;text-transform:uppercase;color:inherit;white-space:nowrap;justify-self:center}@media(min-width:750px){.site-header__wordmark{font-size:32px;letter-spacing:.42em;justify-self:start;color:var(--color-emerald)}}.site-header__nav{display:none}@media(min-width:750px){.site-header__nav{display:flex;align-items:center;gap:var(--space-8);justify-self:center}}.site-header__nav-link{font-family:var(--font-body);font-weight:var(--font-body-weight-medium);font-size:var(--text-base);color:var(--color-ink);padding:var(--space-2) 0;position:relative;transition:color var(--duration-fast) var(--ease-out)}.site-header__nav-link:hover,.site-header__nav-link:focus-visible{color:var(--color-emerald)}.site-header__nav-link--for-brands{color:var(--color-brass)}.site-header__nav-link--for-brands:hover,.site-header__nav-link--for-brands:focus-visible{color:var(--color-brass-hover)}.site-header__actions{display:flex;align-items:center;gap:var(--space-1);justify-self:end}.site-header__icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:inherit;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out);position:relative}.site-header__icon-button:hover,.site-header__icon-button:focus-visible{background-color:var(--color-white-10)}@media(min-width:750px){.site-header__icon-button:hover,.site-header__icon-button:focus-visible{background-color:var(--color-ink-10)}}.site-header__icon-button svg{width:22px;height:22px}.site-header__menu-toggle{justify-self:start}@media(min-width:750px){.site-header__menu-toggle{display:none}}.site-header__search-button{display:none}@media(min-width:750px){.site-header__search-button{display:inline-flex}}.site-header__cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background-color:var(--color-brass);color:var(--color-emerald);font-family:var(--font-body);font-size:10px;font-weight:var(--font-body-weight-bold);display:inline-flex;align-items:center;justify-content:center;line-height:1}.site-header__cart-count[hidden]{display:none}.site-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;pointer-events:none}@media(min-width:750px){.site-drawer{display:none}}.site-drawer[data-open=true]{visibility:visible;pointer-events:auto}.site-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0c3b2e66;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.site-drawer[data-open=true] .site-drawer__backdrop{opacity:1}.site-drawer__panel{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-emerald);color:var(--color-white);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);display:flex;flex-direction:column;padding:var(--space-5) var(--space-6) var(--space-8);overflow-y:auto}.site-drawer__middle{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);min-height:var(--space-16)}.site-drawer[data-open=true] .site-drawer__panel{transform:translate(0)}.site-drawer__header{display:flex;align-items:center;justify-content:space-between;height:56px;margin-bottom:var(--space-12)}.site-drawer__wordmark{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:22px;letter-spacing:.38em;text-transform:uppercase;color:var(--color-white)}.site-drawer__close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-white);background:transparent;border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.site-drawer__close:hover,.site-drawer__close:focus-visible{background-color:var(--color-white-10)}.site-drawer__close svg{width:24px;height:24px}.site-drawer__nav{display:flex;flex-direction:column;gap:var(--space-6)}.site-drawer__nav-link{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:26px;line-height:1.1;letter-spacing:-.005em;color:var(--color-white);padding:var(--space-1) 0;display:inline-flex;align-items:center;background:transparent;border:none;text-transform:none;transition:color var(--duration-fast) var(--ease-out)}.site-drawer__nav-link:hover,.site-drawer__nav-link:focus-visible{color:var(--color-brass)}.site-drawer__nav-link--for-brands{color:var(--color-brass)}.site-drawer__nav-link--for-brands:hover,.site-drawer__nav-link--for-brands:focus-visible{color:var(--color-brass-hover)}.site-drawer__nav-link--secondary{margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-white-10);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-body-weight-medium);font-style:normal;color:var(--color-white-60);text-transform:none;letter-spacing:0;line-height:1.4}.site-drawer__nav-link--secondary:hover,.site-drawer__nav-link--secondary:focus-visible{color:var(--color-white)}.site-drawer__easter-egg{font-family:var(--font-heading);font-style:italic;font-weight:var(--font-heading-weight);font-size:20px;line-height:1.4;color:var(--color-brass);opacity:.8;text-align:center;max-width:28ch;margin:0}.site-drawer__tagline{font-family:var(--font-heading);font-style:italic;font-weight:var(--font-heading-weight);font-size:var(--text-base);color:var(--color-brass);margin:0}body[data-drawer-open=true]{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-header.css.map */