.header-navigation--2026{gap:clamp(28px,3.4vw,64px);--nav-ease: cubic-bezier(.22, 1, .36, 1);--nav-open: 0;--nav-stagger: 0}.header-navigation--2026 .header-navigation__link--parent:after{bottom:-3px;transition:transform .36s var(--nav-ease)}.header-navigation--2026 .header-navigation__link--with-dropdown .icon{transition:transform .36s var(--nav-ease)}.header-navigation--2026 .header-navigation__link--parent:focus-visible{border-radius:2px;outline:2px solid var(--c-secondary-accent);outline-offset:6px}.header-navigation--2026 .header-dropdown{top:100%;width:100%;max-width:none;padding:40px 0 44px;border:0;border-top:1px solid var(--brand-hairline);border-radius:0;box-shadow:0 32px 48px -32px #29293d2e;clip-path:inset(-32px 0 100% 0);transition:opacity .16s ease .14s,clip-path .3s var(--nav-ease) 90ms,visibility 0s linear .39s}.header-navigation--2026 .header-dropdown:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24px}.header-navigation--2026 .header-navigation__item:focus-within:not(.is-dismissed){--nav-open: 1;--nav-stagger: 1}.header-navigation--2026 .header-navigation__item:focus-within:not(.is-dismissed)>.header-dropdown{visibility:visible;opacity:1;clip-path:inset(-32px 0 -80px 0);transition:opacity .12s ease 40ms,clip-path .52s var(--nav-ease) 40ms,visibility 0s linear 40ms}.header-navigation--2026 .header-navigation__item:focus-within:not(.is-dismissed) .header-navigation__link--with-dropdown .icon{transform:rotate(180deg)}@media(-moz-touch-enabled:0),(hover:hover){.header-navigation--2026 .header-navigation__item:hover:not(.is-dismissed){--nav-open: 1;--nav-stagger: 1}.header-navigation--2026 .header-navigation__item:hover:not(.is-dismissed)>.header-dropdown{visibility:visible;opacity:1;clip-path:inset(-32px 0 -80px 0);transition:opacity .12s ease 40ms,clip-path .52s var(--nav-ease) 40ms,visibility 0s linear 40ms}.header-navigation--2026 .header-navigation__item:hover:not(.is-dismissed) .header-navigation__link--with-dropdown .icon{transform:rotate(180deg)}}.header-navigation--2026 .header-navigation__item.is-dismissed>.header-dropdown{visibility:hidden;opacity:0;clip-path:inset(-32px 0 100% 0);transition:opacity .12s ease .1s,clip-path .22s var(--nav-ease),visibility 0s linear .22s}.header-navigation--2026 .header-dropdown__wrapper{display:flex;align-items:stretch;justify-content:center;gap:clamp(40px,4vw,72px);width:calc(min(100% - var(--container-padding) * 2,var(--container-width-small)) - 96px);margin-inline:auto}.header-navigation--2026 .header-dropdown__columns{display:flex;flex:0 1 auto;flex-wrap:wrap;align-content:flex-start;gap:32px clamp(48px,5vw,96px);min-width:0}.header-navigation--2026 .header-dropdown__column{flex:0 0 auto;min-width:160px;opacity:var(--nav-open);transform:translateY(calc((1 - var(--nav-open)) * 6px));transition:opacity .32s ease calc(var(--nav-stagger) * .12s),transform .56s var(--nav-ease) calc(var(--nav-stagger) * .12s)}.header-navigation--2026 .header-dropdown__heading{display:block;width:fit-content;margin:0 0 14px;font-family:var(--ff-body-mono);font-size:13.5px;font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--brand-ink)}.header-navigation--2026 .header-dropdown__heading--link{transition:color .2s ease}.header-navigation--2026 .header-dropdown__list{display:grid;gap:0;margin:0;padding:0;list-style:none}.header-navigation--2026 .header-dropdown__list--secondary{position:relative;margin-top:14px;padding-top:14px}.header-navigation--2026 .header-dropdown__list-item:has(.nav-2026-label--split)+.header-dropdown__list-item:not(:has(.nav-2026-label--split)){position:relative;margin-top:10px;padding-top:14px}.header-navigation--2026 .header-dropdown__list-item:has(.nav-2026-label--split)+.header-dropdown__list-item:not(:has(.nav-2026-label--split)):before{content:"";position:absolute;top:0;left:0;width:100%;max-width:200px;height:1px;background-color:var(--brand-hairline)}.header-navigation--2026 .header-dropdown__list--secondary:before{content:"";position:absolute;top:0;left:0;width:100%;max-width:200px;height:1px;background-color:var(--brand-hairline)}.header-navigation--2026 .header-dropdown__list-item{margin:0}.header-navigation--2026 .header-dropdown__link{display:block;width:fit-content;padding:7px 0;font-size:14px;font-weight:400;line-height:1.4;text-decoration:none;color:var(--brand-ink-soft);transition:color .2s ease}.header-navigation--2026 .nav-2026-label{display:grid;gap:2px}.header-navigation--2026 .header-dropdown__list-item:has(.nav-2026-label--split) .header-dropdown__link{padding-block:10px}.header-navigation--2026 .nav-2026-label__eyebrow{font-family:var(--ff-body-mono);font-size:11px;text-transform:uppercase;font-weight:500;letter-spacing:.08em;color:var(--brand-ink);transition:color .2s ease}.header-navigation--2026 .nav-2026-label__name,.header-navigation--2026 .header-dropdown__heading--link{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:color .2s ease,background-size .36s var(--nav-ease)}@media(-moz-touch-enabled:0),(hover:hover){.header-navigation--2026 .header-dropdown__link:hover,.header-navigation--2026 .header-dropdown__heading--link:hover{color:var(--brand-violet)}.header-navigation--2026 .header-dropdown__link:hover .nav-2026-label__name,.header-navigation--2026 .header-dropdown__heading--link:hover{background-size:100% 1px}}.header-navigation--2026 .header-dropdown__link:focus-visible,.header-navigation--2026 .header-dropdown__heading--link:focus-visible{border-radius:2px;outline:2px solid var(--c-secondary-accent);outline-offset:4px;color:var(--brand-violet)}.header-navigation--2026 .header-dropdown__feature{display:flex;flex:0 0 clamp(280px,26vw,384px);gap:16px;opacity:var(--nav-open);transform:translateY(calc((1 - var(--nav-open)) * 6px));transition:opacity .32s ease calc(var(--nav-stagger) * .12s),transform .56s var(--nav-ease) calc(var(--nav-stagger) * .12s)}.header-navigation--2026 .header-dropdown__feature-item{flex:1 1 0;min-width:0}.header-navigation--2026 .header-dropdown__feature .header-banner{isolation:isolate;overflow:hidden;max-width:none;border-radius:0;background-image:none}.header-navigation--2026 .header-dropdown__feature .header-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--background-image);background-repeat:no-repeat;background-position:center;background-size:var(--background-size, cover);transform:scale(1.001);transition:transform 1.2s var(--nav-ease)}.header-navigation--2026 .header-dropdown__feature .header-banner__content{gap:6px;padding:16px 18px 18px;border:1px solid rgb(255 255 255 / .5);border-radius:12px;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;color:var(--brand-white, #fff)}.header-navigation--2026 .header-dropdown__feature .header-banner__title{color:var(--brand-white, #fff);font-size:15px;font-weight:600;line-height:1.25}.header-navigation--2026 .header-dropdown__feature .header-banner__text{display:inline-flex;align-items:center;justify-self:start;gap:4px;padding-bottom:3px;border-bottom:1px solid currentColor;color:var(--brand-white, #fff);font-family:var(--ff-body-mono);font-size:11px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.header-navigation--2026 .header-dropdown__feature .header-banner__text .icon{flex-shrink:0;width:13px;height:13px}@media(-moz-touch-enabled:0),(hover:hover){.header-navigation--2026 .header-dropdown__feature .header-banner:has(.header-banner__link):hover:before{transform:scale(1.045)}}.header-navigation--2026 .header-dropdown__feature .header-banner__link:focus-visible{border-radius:0;outline:2px solid var(--c-secondary-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.header-navigation--2026 .header-dropdown,.header-navigation--2026 .header-dropdown *,.header-navigation--2026 .header-dropdown *:before,.header-navigation--2026 .header-navigation__link--parent:after,.header-navigation--2026 .header-navigation__link--with-dropdown .icon{transition-duration:.01ms!important;transition-delay:0s!important}.header-navigation--2026 .header-dropdown,.header-navigation--2026 .header-navigation__item.is-dismissed>.header-dropdown{clip-path:none!important}.header-navigation--2026 .header-dropdown__column,.header-navigation--2026 .header-dropdown__feature,.header-navigation--2026 .header-dropdown__feature .header-banner:before{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/306/assets/component-header-navigation-2026.css.map */