.section-header{position:relative;z-index:var(--z-sticky)}.header{position:relative;border-bottom:var(--border-width) solid rgb(var(--color-border))}.header__inner{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"menu logo utilities";align-items:center;column-gap:var(--space-4);min-height:var(--header-height)}.header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);padding:0;border:0;background:none;color:inherit;text-decoration:none;transition:opacity var(--duration-fast) var(--ease-standard)}.header__icon:hover{opacity:.65}.header__icon .icon{width:var(--icon-size);height:var(--icon-size)}.header__menu-button{grid-area:menu;justify-self:start;margin-inline-start:-.75rem}.header__logo{grid-area:logo;justify-self:center;display:flex;align-items:center;min-height:var(--touch-target);color:inherit;text-decoration:none}.header__logo-image{width:var(--logo-width-mobile);height:auto}.header__logo-text{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--text-lg);letter-spacing:var(--letter-spacing-logo);text-transform:uppercase;line-height:1.1;text-align:center;overflow-wrap:break-word}.header__utilities{grid-area:utilities;justify-self:end;display:flex;align-items:center;margin-inline-end:-.75rem}.header__account{display:none}.header__cart-count{position:absolute;top:.4375rem;right:.25rem;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:.5rem;background-color:rgb(var(--color-text));color:rgb(var(--color-background));font-size:.625rem;font-weight:var(--font-body-weight-medium);line-height:1rem;text-align:center}.header__cart-count[data-cart-count="0"]{display:none}.header-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--duration-slow)}.header-drawer.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.header-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);opacity:0;transition:opacity var(--duration-slow) var(--ease-standard)}.header-drawer.is-open .header-drawer__backdrop{opacity:1}.header-drawer__panel{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;width:min(100%,var(--drawer-width));overflow-y:auto;overscroll-behavior:contain;background-color:rgb(var(--color-background));color:rgb(var(--color-text));transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-standard)}.header-drawer.is-open .header-drawer__panel{transform:none}.header-drawer__panel:focus{outline:none}.header-drawer__top{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding-inline:var(--page-gutter) calc(var(--page-gutter) - .75rem);border-bottom:var(--border-width) solid rgb(var(--color-border))}.header-drawer__footer{margin-top:auto;padding:var(--space-2) var(--page-gutter);border-top:var(--border-width) solid rgb(var(--color-border))}.header-drawer__account{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);color:inherit;text-decoration:none}.header-drawer__account .icon{width:var(--icon-size);height:var(--icon-size)}.header__nav{padding:var(--space-2) var(--page-gutter) var(--space-8)}.nav__list,.mega-menu__list,.mega-menu__sublist{margin:0;padding:0;list-style:none}.nav__item{display:flex;flex-wrap:wrap;align-items:center;border-bottom:var(--border-width) solid rgb(var(--color-border))}.nav__link,.nav__toggle--label{flex:1 1 0;display:flex;align-items:center;min-width:0;min-height:var(--row-height);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-light);font-size:var(--text-lg);line-height:1.3;color:inherit;text-decoration:none;overflow-wrap:anywhere}.nav__toggle,.mega-menu__toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:var(--touch-target);min-height:var(--touch-target);padding:0;border:0;background:none;color:inherit;text-align:start}.nav__toggle.nav__toggle--label,.mega-menu__toggle.mega-menu__toggle--label{flex:1 1 0;justify-content:space-between;padding-inline-end:1rem}.nav__toggle.nav__toggle--label{min-height:var(--row-height)}.nav__toggle .icon,.mega-menu__toggle .icon{flex:none;width:var(--icon-size-sm);height:var(--icon-size-sm);transition:transform var(--duration-base) var(--ease-standard)}.nav__toggle[aria-expanded=true] .icon,.mega-menu__toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.nav__toggle[aria-expanded=false]+.mega-menu,.mega-menu__toggle[aria-expanded=false]+.mega-menu__sublist{display:none}.mega-menu{flex-basis:100%;padding-bottom:var(--space-4)}.mega-menu__inner{max-width:none;padding-inline:0}.mega-menu__list{padding-inline-start:var(--space-4)}.mega-menu__column{display:flex;flex-wrap:wrap;align-items:center}.mega-menu__heading,.mega-menu__toggle--label{flex:1 1 0;display:flex;align-items:center;min-width:0;min-height:var(--touch-target);color:inherit;font-size:var(--text-base);text-decoration:none;overflow-wrap:anywhere}.mega-menu__heading--static{display:none}.mega-menu__sublist{flex-basis:100%;padding:0 0 var(--space-2) var(--space-4)}.mega-menu__link{display:flex;align-items:center;min-height:var(--touch-target);color:rgb(var(--color-text-muted));font-size:var(--text-base);text-decoration:none;overflow-wrap:anywhere}.mega-menu__link:hover,.mega-menu__heading:hover{color:rgb(var(--color-text));text-decoration:underline}.mega-menu__promo{display:none}.header-search{position:absolute;top:100%;left:0;right:0;padding-block:var(--space-4);background-color:rgb(var(--color-background));border-bottom:var(--border-width) solid rgb(var(--color-border))}.header-search__form{display:flex;align-items:center;gap:var(--space-2)}.header-search__input{flex:1 1 auto;min-width:0}.header-search__form .button{display:none}@media screen and (min-width:1024px){.header__inner{grid-template-areas:"logo nav utilities";column-gap:var(--space-8)}.header__menu-button{display:none}.header__logo{justify-self:start}.header__logo-image{width:var(--logo-width)}.header__logo-text{text-align:start;white-space:nowrap}.header__account{display:inline-flex}.header-drawer,.header-drawer__panel{display:contents;visibility:visible;pointer-events:auto}.header-drawer__backdrop,.header-drawer__top,.header-drawer__footer{display:none}.header__nav{grid-area:nav;align-self:stretch;padding:0}.nav__list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--space-6);height:100%}.nav__item{flex-wrap:nowrap;align-items:stretch;border:0}.nav__link,.nav__toggle--label{position:relative;flex:none;min-height:var(--header-height);font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium);font-size:var(--text-sm);letter-spacing:.02em;white-space:nowrap}.nav__toggle--label{gap:var(--space-2)}.nav__link:after,.nav__toggle--label:after{content:"";position:absolute;left:0;right:0;bottom:calc(50% - 1em);height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-standard)}.nav__toggle--label:after{right:1.25rem}.nav__link:hover:after,.nav__link--active:after,.nav__toggle--label:hover:after,.nav__item--has-panel:has([aria-expanded=true])>.nav__link:after,.nav__toggle--label[aria-expanded=true]:after{transform:scaleX(1)}.nav__toggle{min-width:1.5rem;min-height:var(--header-height);margin-inline-start:var(--space-1)}.nav__toggle.nav__toggle--label{flex:none;margin-inline-start:0;min-height:var(--header-height);padding-inline-end:0}.mega-menu{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;padding:0;background-color:rgb(var(--color-background));border-bottom:var(--border-width) solid rgb(var(--color-border));box-shadow:var(--shadow-md);animation:mega-menu-in var(--duration-base) var(--ease-standard)}.mega-menu__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12);max-width:calc(var(--page-width, 85rem) + var(--page-gutter) * 2);padding:var(--space-10) var(--page-gutter) var(--space-12)}.mega-menu--with-promo .mega-menu__inner{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem)}.mega-menu__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));align-content:start;gap:var(--space-8) var(--space-10);padding:0}.mega-menu__column{display:block}.mega-menu__heading,.mega-menu__heading--static{display:block;min-height:0;font-size:var(--text-sm);line-height:1.4}.mega-menu__column--group>.mega-menu__heading{margin-bottom:var(--space-3);font-weight:var(--font-body-weight-medium);font-size:var(--text-xs);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.mega-menu__toggle{display:none}.mega-menu__toggle+.mega-menu__sublist,.mega-menu__toggle[aria-expanded=false]+.mega-menu__sublist{display:block;padding:0}.mega-menu__link{min-height:0;padding-block:.3125rem;font-size:var(--text-sm);line-height:1.4}.mega-menu__heading--active,.mega-menu__link[aria-current=page]{color:rgb(var(--color-text));text-decoration:underline}.mega-menu__promo{display:block}.mega-promo{display:flex;flex-direction:column;gap:var(--space-4);color:inherit;text-decoration:none}.mega-promo__media{aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--card-radius);background-color:rgb(var(--color-background-alt))}.mega-promo__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-standard)}a.mega-promo:hover .mega-promo__image{transform:scale(1.02)}.mega-promo__text{display:flex;flex-direction:column;gap:var(--space-2)}.mega-promo__eyebrow{color:rgb(var(--color-text-muted))}.mega-promo__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--heading-5);line-height:var(--line-height-heading)}.mega-promo__cta{font-size:var(--text-sm);font-weight:var(--font-body-weight-medium);text-decoration:underline;text-underline-offset:.25em}.no-js .nav__item--has-panel:hover>.mega-menu,.no-js .nav__item--has-panel:focus-within>.mega-menu{display:block}.header-search__form .button{display:inline-flex}}@media screen and (min-width:1280px){.nav__list{column-gap:var(--space-8)}}@keyframes mega-menu-in{0%{opacity:0}to{opacity:1}}.no-js .header-search[hidden]{display:block!important;position:static;box-shadow:none}.no-js [data-search-toggle],.no-js [data-search-close]{display:none}@media not all and (min-width:1024px){.no-js .header__menu-button{display:none}.no-js .header__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo utilities"}.no-js .header__logo{justify-self:start}.no-js .header-drawer{position:static;grid-column:1 / -1;visibility:visible;pointer-events:auto}.no-js .header-drawer__panel{position:static;width:auto;transform:none}.no-js .header-drawer__backdrop,.no-js .header-drawer__top,.no-js .nav__toggle:not(.nav__toggle--label),.no-js .mega-menu__toggle:not(.mega-menu__toggle--label){display:none}.no-js .nav__toggle[aria-expanded=false]+.mega-menu,.no-js .mega-menu__toggle[aria-expanded=false]+.mega-menu__sublist{display:block}}.header--translucent{background-color:transparent}.header--translucent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgb(var(--color-background) / .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/header.css.map */