#header-component[transparent]:before{content:"";position:absolute;inset:0 0 auto;height:240%;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#00000094,#00000057 42%,#0000001f 74%,#0000);transition:opacity var(--animation-speed-slow, .4s) var(--ease-out-cubic, ease)}#header-component[transparent][data-sticky-state=active]:before,#header-component[transparent]:has(.mega-menu__list:hover):before,#header-component[transparent]:has(.menu-list__link:is(:hover,[aria-expanded=true])):before,#header-component[transparent]:has(.menu-list__link:not([aria-haspopup]):hover):before{opacity:0}#header-component[transparent] .header-logo__image-container--original{display:none}#header-component[transparent] .header-logo__image-container--inverse{display:block}#header-component[transparent] .header-logo__image-container--inverse .header-logo__image{filter:brightness(0) invert(1);transition:filter var(--animation-speed-slow, .4s) var(--ease-out-cubic, ease)}#header-component[transparent][data-sticky-state=active] .header-logo__image-container--inverse .header-logo__image,#header-component[transparent]:has(.mega-menu__list:hover) .header-logo__image-container--inverse .header-logo__image,#header-component[transparent]:has(.menu-list__link:is(:hover,[aria-expanded=true])) .header-logo__image-container--inverse .header-logo__image,#header-component[transparent]:has(.menu-list__link:not([aria-haspopup]):hover) .header-logo__image-container--inverse .header-logo__image{filter:none}#header-component[data-sticky-state=active] .header__row--top:not(.divider--page-width),#header-component[data-sticky-state=active] .header__row--top.divider--page-width .header__columns{border-bottom:1px solid rgb(var(--color-foreground-rgb) / 14%)}#header-component[transparent][data-sticky-state=active] .cart-bubble,#header-component[transparent]:has(.mega-menu__list:hover) .cart-bubble,#header-component[transparent]:has(.menu-list__link:is(:hover,[aria-expanded=true])) .cart-bubble,#header-component[transparent]:has(.menu-list__link:not([aria-haspopup]):hover) .cart-bubble{--color-primary-button-background: #a68c5b;--color-primary-button-text: #fff}@media screen and (min-width:750px){#header-component .menu-list{--menu-horizontal-gap: clamp(16px, 1.4vw, 28px)}#header-component .menu-list__link{font-size:12px!important;letter-spacing:.1em}#header-component .menu-list__link-title{position:relative;display:inline-block}#header-component .menu-list__link-title:after{content:"";position:absolute;inset-inline:0;bottom:-7px;height:1px;background:currentcolor;transform:scaleX(0);transform-origin:left center;transition:transform var(--animation-speed-slow, .4s) var(--ease-out-cubic, ease)}#header-component .menu-list__list-item:hover .menu-list__link-title:after,#header-component .menu-list__list-item:focus-within .menu-list__link-title:after,#header-component .menu-list__link[aria-expanded=true] .menu-list__link-title:after{transform:scaleX(1)}}@media screen and (min-width:990px){#header-component .menu-list__submenu,#header-component .overflow-menu::part(overflow){--submenu-padding-block-start: clamp(28px, 2.2vw, 40px);--submenu-padding-block-end: clamp(36px, 2.8vw, 52px)}#header-component .mega-menu__grid{grid-template-columns:minmax(170px,240px) 1fr;gap:0 clamp(48px,4.6vw,104px);align-items:start}#header-component .mega-menu__list{display:flex;flex-direction:column;grid-column:1;gap:0}#header-component .mega-menu__column{grid-column:auto}#header-component .mega-menu__content{grid-column:2 / -1}#header-component .mega-menu__grid:not(:has(.mega-menu__content-list-item)){grid-template-columns:1fr}#header-component .mega-menu__grid:not(:has(.mega-menu__content-list-item)) .mega-menu__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(48px,4.6vw,104px)}#header-component .mega-menu__list{--menu-parent-font-size: var(--menu-child-font-size);--menu-parent-font-line-height: var(--menu-child-font-line-height);--menu-parent-font-color: rgb(var(--color-foreground-rgb) / 68%);--menu-child-font-color: rgb(var(--color-foreground-rgb) / 68%);--menu-parent-active-font-color: var(--color-foreground);--menu-child-active-font-color: var(--color-foreground)}#header-component .mega-menu__link{letter-spacing:.1em;padding-block:8px}#header-component .mega-menu__link--parent{padding-block-start:8px}#header-component .mega-menu__list .mega-menu__column+.mega-menu__column{margin-block-start:4px}#header-component .mega-menu__list .mega-menu__column ul{margin-block-start:0;padding-inline-start:0}#header-component .mega-menu__content-list--collections{--sm-card-max: clamp(300px, 24vw, 520px);--sm-card-gap: clamp(16px, 1.3vw, 24px);grid-template-columns:repeat(var(--menu-content-columns-desktop, 4),minmax(0,1fr));justify-content:stretch;gap:var(--sm-card-gap);max-width:calc((var(--menu-content-columns-desktop, 4) * var(--sm-card-max)) + ((var(--menu-content-columns-desktop, 4) - 1) * var(--sm-card-gap)));margin-inline:auto}#header-component .mega-menu__content-list--collections .resource-card{row-gap:0}#header-component .mega-menu__content-list--collections .resource-card__media{aspect-ratio:4 / 5;overflow:hidden}#header-component .mega-menu__content-list--collections .resource-card__image{aspect-ratio:auto;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out-cubic, ease)}#header-component .mega-menu__content-list--collections .resource-card:hover .resource-card__image,#header-component .mega-menu__content-list--collections .resource-card:has(.resource-card__link:focus-visible) .resource-card__image{transform:scale(1.045)}#header-component .mega-menu__content-list--collections .resource-card__content{padding:var(--padding-lg) var(--padding-lg) var(--padding-md)}#header-component .mega-menu__content-list--collections .resource-card__title{letter-spacing:.14em;text-transform:uppercase;font-size:var(--font-size--sm)}#header-component .mega-menu__content-list--collections .resource-card:has(.resource-card__link:focus-visible){outline:2px solid var(--color-foreground);outline-offset:4px}}.menu-drawer__menu-item:not(.menu-drawer__menu-item--mainlist):not(:has(>.menu-drawer__link-image)){min-height:44px}@media(prefers-reduced-motion:reduce){#header-component[transparent]:before,#header-component[transparent] .header-logo__image-container--inverse .header-logo__image,#header-component .menu-list__link-title:after,#header-component .mega-menu__content-list--collections .resource-card__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sm-header.css.map */