@layer components{.header-wrapper{display:block;position:relative;z-index:var(--z-sticky)}.header-wrapper[data-sticky=always],.header-wrapper[data-sticky=on-scroll-up]{position:sticky;inset-block-start:0}.header-wrapper[data-sticky=on-scroll-up]{transition:transform var(--dur-quick) var(--ease-luxe)}.header-wrapper[data-sticky=on-scroll-up].is-hidden{transform:translateY(-100%)}.header-wrapper[data-sticky=always] .header,.header-wrapper[data-sticky=on-scroll-up] .header{background-color:color-mix(in oklab,var(--color-bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-wrapper.is-stuck .header{box-shadow:none}.header-wrapper--transparent{position:absolute;inset-inline:0;inset-block-start:0}.header-wrapper--transparent .header{background-color:transparent;border-block-end-color:transparent}.header-wrapper--transparent.is-stuck{position:sticky}.header-wrapper--transparent.is-stuck .header{background-color:var(--color-bg);border-block-end-color:var(--color-border-subtle)}.header__logo-img--inverse{display:none}.header-wrapper--transparent:not(.is-stuck) .header__logo-img{display:none}.header-wrapper--transparent:not(.is-stuck) .header__logo-img--inverse{display:block}.header{background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.header--bordered{border-block-end:var(--border-width) var(--border-style) var(--color-border-subtle)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:4rem;padding-block:0}.header__logo-wrap{order:1;margin:0 auto 0 0;min-width:0;font-size:inherit;line-height:0}.header__logo{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.header__logo-img{width:var(--logo-w-mobile);height:auto;object-fit:contain}.header__logo-text{font-family:var(--font-heading);font-size:var(--fs-h3);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--color-brand);white-space:nowrap}.header__logo-mark{display:block;height:3.25rem;width:auto;object-fit:contain}@media(min-width:48em){.header__logo-mark{height:4.25rem}}.header__actions{order:2;display:flex;align-items:center;gap:0}.header__burger{order:3}.header__burger-icon{display:inline-flex}.header__nav{display:none}.header__menu{display:flex;align-items:center;justify-content:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.header__item{position:relative}.header__link{display:inline-flex;align-items:center;gap:var(--space-1);padding-block:var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-normal);letter-spacing:.16em;text-transform:var(--label-transform);line-height:var(--lh-none);color:var(--color-text);text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer;transition:var(--transition-colors)}.header__link:hover,.header__link.is-active,.header__item.is-open>.header__link{color:var(--color-brand)}.header__chevron{transition:var(--transition-transform)}.header__item.is-open .header__chevron{transform:rotate(180deg)}.dropdown{position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;z-index:var(--z-dropdown);min-width:12rem;margin:0;padding:var(--space-3) 0;list-style:none;background-color:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border-subtle);box-shadow:var(--elevation-dropdown)}.dropdown[hidden]{display:none}.dropdown__link{display:block;padding:var(--space-2) var(--space-5);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:var(--label-transform);color:var(--color-text);text-decoration:none;white-space:nowrap;transition:var(--transition-colors)}.dropdown__link:hover{color:var(--color-brand);background-color:var(--color-bg-subtle)}.mega{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:var(--z-dropdown);width:100vw;margin-inline-start:calc(50% - 50vw);background-color:var(--color-surface);border-block:var(--border-width) var(--border-style) var(--color-border-subtle);box-shadow:var(--elevation-dropdown)}.mega[hidden]{display:none}.mega__inner{display:grid;grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-10)}.mega:has(.mega__promo) .mega__inner{grid-template-columns:1fr 20rem}.mega__columns{display:grid;grid-template-columns:repeat(var(--mega-cols, 4),minmax(0,1fr));gap:var(--space-8)}.mega__column{display:flex;flex-direction:column;gap:var(--space-3)}.mega__heading{font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);text-transform:var(--label-transform);color:var(--color-heading);text-decoration:none;transition:var(--transition-colors)}.mega__heading:hover{color:var(--color-brand)}.mega__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.mega__link{font-size:var(--fs-xs);color:var(--color-text-muted);text-decoration:none;transition:var(--transition-colors)}.mega__link:hover{color:var(--color-brand)}.mega__promo{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit}.mega__promo-media{overflow:hidden}.mega__promo-media img{transition:var(--transition-media)}.mega__promo:hover .mega__promo-media img{transform:scale(var(--zoom))}.mega__promo-heading{font-family:var(--font-heading);font-size:var(--fs-h3);color:var(--color-heading)}.mega__promo-text{font-size:var(--fs-xs);color:var(--color-text-muted)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer)}.mobile-nav[hidden]{display:none}.mobile-nav__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in oklab,var(--warm-950) 45%,transparent);opacity:0;transition:opacity var(--dur-quick) var(--ease-out)}.mobile-nav.is-open .mobile-nav__scrim{opacity:1}.mobile-nav__panel{position:absolute;inset-block:0;inset-inline-start:0;z-index:var(--z-local-raised);display:flex;flex-direction:column;width:min(84vw,22.5rem);background-color:var(--color-bg);box-shadow:var(--elevation-drawer);transform:translate(-100%);transition:transform var(--dur-quick) var(--ease-luxe);overscroll-behavior:contain}.mobile-nav.is-open .mobile-nav__panel{transform:none}body[data-mobile-nav=drawer-right] .mobile-nav__panel{inset-inline-start:auto;inset-inline-end:0;transform:translate(100%)}body[data-mobile-nav=fullscreen] .mobile-nav__panel{width:100%;transform:translateY(-100%)}body[data-mobile-nav=fullscreen] .mobile-nav.is-open .mobile-nav__panel{transform:none}.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-5) var(--space-7)}.mobile-nav__title{color:var(--color-text-muted)}.mobile-nav__logo{display:block;height:3.5rem;width:auto}.mobile-nav__body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-4) var(--space-7) var(--space-2)}.mobile-nav__list,.mobile-nav__sublist{list-style:none;margin:0;padding:0}.mobile-nav__list{border-block-start:var(--border-width) var(--border-style) var(--color-border)}.mobile-nav__link,.mobile-nav__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--target-touch);padding:var(--space-5) 0;border-block-end:var(--border-width) var(--border-style) var(--color-border);font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--fw-normal);letter-spacing:0;text-transform:none;line-height:1.1;color:var(--color-brand);text-decoration:none;cursor:pointer;transition:var(--transition-colors)}.mobile-nav__link svg,.mobile-nav__summary svg{color:var(--color-brand);flex-shrink:0}.mobile-nav__link:hover,.mobile-nav__summary:hover{color:var(--color-brand)}.mobile-nav__summary{list-style:none}.mobile-nav__summary::-webkit-details-marker{display:none}.mobile-nav__chevron{transition:var(--transition-transform)}.mobile-nav__details[open]>.mobile-nav__summary .mobile-nav__chevron{transform:rotate(180deg)}.mobile-nav__sublist{padding-block-end:var(--space-2)}.mobile-nav__sublink{display:flex;align-items:center;min-height:var(--target-touch);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-8);font-size:var(--fs-xs);color:var(--color-text-muted);text-decoration:none;transition:var(--transition-colors)}.mobile-nav__sublink:hover{color:var(--color-brand)}.mobile-nav__details--nested .mobile-nav__summary--sub{padding-inline-start:var(--space-8)}.mobile-nav__details--nested .mobile-nav__sublink{padding-inline-start:var(--space-10)}.mobile-nav__foot{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-7) var(--space-8)}.mobile-nav__util{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target-min);font-size:var(--fs-label);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;transition:var(--transition-colors)}.mobile-nav__note{font-size:var(--fs-label);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-muted)}.mobile-nav__util:hover{color:var(--color-brand)}.mobile-nav__util svg{color:var(--color-accent)}@media(min-width:48em){.header__inner{min-height:4.5rem;gap:var(--space-5)}.header__logo-img{width:calc(var(--logo-w-mobile) * 1.15)}.header__actions{gap:var(--space-1)}}@media(min-width:64em){.header__burger{display:none}.header__nav{display:block}.header__inner{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-10);min-height:6.5rem;padding-block:0}.header__logo-wrap{order:0;justify-self:start;margin:0}.header__actions{order:0;justify-self:end}.header__logo-img{width:var(--logo-w)}.header--logo-centre .header__inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"spacer logo actions" "nav    nav  nav";row-gap:var(--space-2);padding-block:var(--space-3)}.header--logo-centre .header__logo-wrap{grid-area:logo;justify-self:center}.header--logo-centre .header__actions{grid-area:actions}.header--logo-centre .header__nav{grid-area:nav}.header--logo-left-menu-left .header__menu{justify-content:flex-start}.header--logo-left-menu-left .header__nav{margin-inline-start:var(--space-10)}.mega__inner{padding-block:var(--space-12)}}@media(prefers-reduced-motion:reduce){.header-wrapper[data-sticky=on-scroll-up],.mobile-nav__panel,.mobile-nav__scrim{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-header.css.map */