.header{--header-layer-bar: 2;--header-layer-panel: 1;position:relative;z-index:var(--z-header);background-color:var(--color-surface);border-block-end:1px solid var(--color-line)}.header-section:has([data-sticky=true]){position:sticky;inset-block-start:calc(var(--header-brand-height) * -1);z-index:var(--z-header)}html.is-panel-open .header-section{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header)}.header__brand{position:relative;z-index:var(--header-layer-bar);background-color:var(--color-surface);border-block-end:1px solid var(--color-line)}.header__brand-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm);min-block-size:var(--header-brand-height)}.header__logo{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:.375rem;min-inline-size:0}.header__logo-link{position:relative;display:block;text-decoration:none}.header__logo-link:before{content:"";position:absolute;inset-block:50%;inset-inline:0;block-size:2.75rem;transform:translateY(-50%)}.header__logo-text{display:block;font-family:var(--font-display-family);font-size:clamp(1.5rem,6vw,2.25rem);font-weight:var(--weight-regular);line-height:1;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;margin-inline-end:-.18em}.header__logo-image{inline-size:var(--logo-width);max-inline-size:100%;block-size:auto}.header__tagline{font-size:var(--text-2xs);letter-spacing:.26em;margin-inline-end:-.26em;text-align:center}.header__microline{font-size:var(--text-2xs);line-height:1.5;display:none}.header__microline--end{justify-self:end;text-align:end}@media(min-width:990px){.header__logo-text{font-size:2.875rem}.header__microline{display:block}}.header__bar{position:relative;z-index:var(--header-layer-bar);background-color:var(--color-surface)}.header__bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-block-size:var(--header-bar-height)}.header__start,.header__end{display:flex;align-items:center;min-inline-size:0}.header__start{margin-inline-start:-.625rem}.header__end{gap:var(--space-3xs);margin-inline-end:-.625rem}@media(min-width:990px){.header__end{gap:var(--space-2xs)}}.header__action{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;color:var(--color-text);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}@media(hover:hover){.header__action:hover{color:var(--color-clay)}}.header__action--wide{display:none}@media(min-width:990px){.header__action--wide{display:inline-flex}}.header__cart-count[data-empty=true]{display:none}.header__cart-count{position:absolute;inset-block-start:.375rem;inset-inline-end:.25rem;display:grid;place-items:center;min-inline-size:1.125rem;block-size:1.125rem;padding-inline:.25rem;border-radius:var(--radius-pill);background-color:var(--color-clay);color:var(--color-surface);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1;font-variant-numeric:tabular-nums}.header__icon--close,.header__menu-toggle[aria-expanded=true] .header__icon--menu{display:none}.header__menu-toggle[aria-expanded=true] .header__icon--close{display:block}@media(min-width:990px){.header__menu-toggle{display:none}}@media(max-width:989px){.header__nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--header-layer-panel);background-color:var(--color-surface);padding-block:calc(var(--header-brand-height) + var(--header-bar-height) + var(--space-xl)) var(--space-2xl);padding-inline:var(--page-gutter);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s linear var(--duration-base)}.header__nav[data-panel-open=true]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.header__nav-list{display:flex;flex-direction:column;gap:var(--space-md);max-inline-size:28rem}.header__nav-link{position:relative;display:inline-block;font-family:var(--font-heading-family);font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-decoration:none}.header__nav-link:before{content:"";position:absolute;inset-block:50%;inset-inline:-.5rem;block-size:2.75rem;transform:translateY(-50%)}.header__nav-link[data-highlight=true]{color:var(--color-clay)}}@media(min-width:990px){.header__nav-list{display:flex;align-items:center;gap:clamp(1.25rem,2.4vw,2.5rem)}.header__nav-link{position:relative;display:inline-block;padding-block:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ui);text-decoration:none;white-space:nowrap}.header__nav-link[data-highlight=true]{color:var(--color-clay)}.header__nav-link:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background-color:currentColor;transform:scaleX(0);transition:transform var(--duration-base) var(--ease-out)}.header__nav-link[data-active=true]:after,.header__nav-link:hover:after,.header__nav-link:focus-visible:after{transform:scaleX(1)}}@media(max-width:989px){.header__search{position:absolute;inset-inline:0;inset-block-start:100%;z-index:var(--header-layer-panel);background-color:var(--color-surface);border-block-end:1px solid var(--color-line);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s linear var(--duration-base)}.header__search[data-panel-open=true]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.header__search-inner{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-md)}.header__search-form{flex:1 1 auto;min-inline-size:0}.header__search-close{flex:0 0 auto;margin-inline-end:-.625rem}}@media(min-width:990px){.header__search-toggle,.header__search-close{display:none}.header__search{flex:0 1 auto;min-inline-size:0;margin-inline-end:var(--space-2xs)}.header__search-inner{padding:0;max-inline-size:none}.header__search-form{inline-size:clamp(12rem,22vw,20rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-header.css.map */