.kith-nav{display:block}body.kith-nav-open{overflow:hidden}button.header__menu-item{background:none;border:0;padding:0;cursor:pointer;font-family:inherit}.kith-nav__hamburger{background:none;border:0;padding:0;cursor:pointer}.kith-nav__right{display:none;align-items:center;margin-right:var(--sp-3)}@media screen and (min-width:990px){.kith-nav__right{display:inline-flex}.kith-nav__hamburger{display:none!important}}.kith-nav__backdrop{display:none}@media screen and (min-width:990px){.kith-nav .kith-nav__backdrop{display:block;position:fixed;top:var(--header-bottom, var(--header-h));right:0;bottom:0;left:0;z-index:1;background:var(--scrim);opacity:0;visibility:hidden;transition:opacity var(--t-3) var(--ease-out),visibility 0s linear var(--t-3)}body.kith-nav-desk-open .kith-nav .kith-nav__backdrop{opacity:1;visibility:visible;transition:opacity var(--t-3) var(--ease-out),visibility 0s}}.kith-nav__desktop{position:fixed;top:var(--header-bottom, var(--header-h));right:0;left:0;z-index:2;max-height:calc(100vh - var(--header-bottom, var(--header-h)));max-height:calc(100dvh - var(--header-bottom, var(--header-h)));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:var(--paper);color:var(--ink);border-top:var(--hairline) solid var(--line);clip-path:inset(0 0 100% 0);transition:clip-path var(--t-3) var(--ease-in-out)}.kith-nav__desktop::-webkit-scrollbar{display:none}.kith-nav__desktop[hidden]{display:none}.kith-nav__desktop.is-open{clip-path:inset(0 0 0 0)}.kith-nav__panel[hidden]{display:none}.jpn-nav-curtain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-6);max-width:var(--w-wide);margin:0 auto;padding:var(--sp-6) var(--gutter) var(--sp-7)}.jpn-nav-curtain__links{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}.jpn-nav-curtain__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tile-gap);align-self:start;justify-self:end;width:min(100%,calc((100vh - var(--header-bottom, var(--header-h)) - var(--sp-6) - var(--sp-7)) * 1.6));width:min(100%,calc((100dvh - var(--header-bottom, var(--header-h)) - var(--sp-6) - var(--sp-7)) * 1.6))}.jpn-nav-curtain__tiles:empty{display:none}.kith-nav__list{list-style:none;margin:0;padding:0}.kith-nav__list--secondary{padding-top:var(--sp-5);border-top:var(--hairline) solid var(--line)}.kith-nav__list--nested{padding:0 0 var(--sp-2) var(--sp-4)}.kith-nav__item{padding:0}.kith-nav__link{display:flex;width:100%;align-items:center;gap:var(--sp-3);margin:0;padding:var(--sp-3) 0;border:0;background:none;color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);line-height:var(--lh-ui);text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer}.kith-nav__link--muted{color:var(--ink-3)}.kith-nav__link--nested{padding:var(--sp-2) 0}.kith-nav__text{padding-bottom:var(--hairline);background:linear-gradient(currentColor,currentColor) 0 100% / 0 var(--hairline) no-repeat;transition:background-size var(--t-2) var(--ease-out)}@media(hover:hover){.kith-nav__link:hover .kith-nav__text{background-size:100% var(--hairline);transition-timing-function:var(--ease-ui)}}.kith-nav__link:focus-visible .kith-nav__text{background-size:100% var(--hairline)}.kith-nav__chevron{display:flex;flex:0 0 auto;color:var(--ink-3)}.kith-nav__chevron-svg{width:6px;height:10px}.kith-nav__desktop .kith-nav__item{opacity:0;transform:translateY(var(--rise-sm));transition:opacity var(--t-3) var(--ease-out),transform var(--t-3) var(--ease-out)}.kith-nav__desktop.is-open .kith-nav__panel.is-shown .kith-nav__item{opacity:1;transform:none;transition-delay:calc(var(--t-1) + min(var(--i, 0),7) * var(--stagger) * 2 / 3)}.kith-nav__desktop.is-swapped .kith-nav__panel.is-shown .kith-nav__item{transition-delay:calc(min(var(--i, 0),7) * var(--stagger) * 2 / 3)}.jpn-nav-tile{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-3);color:var(--on-media);text-decoration:none}.jpn-nav-tile img,.jpn-nav-tile .jpn-nav-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jpn-nav-tile img{transition:transform var(--t-5) var(--ease-settle)}@media(hover:hover){.jpn-nav-tile:hover img{transform:scale(var(--scale-hover))}}.jpn-nav-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--photo-scrim);pointer-events:none}.jpn-nav-tile__body{position:absolute;right:var(--sp-5);bottom:var(--sp-5);left:var(--sp-5);z-index:1;display:grid;gap:var(--sp-2);justify-items:start}.jpn-nav-tile__caption{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:400;letter-spacing:0;line-height:var(--lh-heading);text-transform:none;text-wrap:balance;text-shadow:var(--text-shadow-photo)}.jpn-nav-tile__sub,.jpn-nav-tile__credit,.jpn-nav-mtile__credit{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-ui);letter-spacing:var(--ls-caps);text-transform:uppercase;text-shadow:var(--text-shadow-photo)}.jpn-nav-tile__credit{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:1;letter-spacing:0;text-transform:none;color:var(--on-stage-2)}.jpn-nav-tile:focus-visible{outline:var(--focus-w-media) solid var(--on-media);outline-offset:calc(-1 * var(--focus-w-media) - var(--focus-offset-media))}.kith-nav__mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);color:var(--ink)}.kith-nav__mobile[hidden]{display:none}.kith-nav__mobile .kith-nav__mscrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;transition:opacity var(--t-3) var(--ease-out)}.kith-nav__mobile.is-open .kith-nav__mscrim{opacity:1}.kith-nav__mdrawer{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(86vw,400px);height:100%;height:100dvh;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-float);transform:translate(-100%);transition:transform var(--t-3) var(--ease-in-out);touch-action:pan-y}.kith-nav__mobile.is-open .kith-nav__mdrawer{transform:translate(0)}.kith-nav__mhead{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 var(--sp-2) 0 var(--sp-5);border-bottom:var(--hairline) solid var(--line)}.kith-nav__mlogo{display:inline-flex;align-items:center;min-height:var(--hit);color:var(--ink)}.kith-nav__mclose{display:flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);padding:0;border:0;background:none;color:var(--ink);cursor:pointer}.kith-nav__mclose svg{width:var(--icon-sm);height:var(--icon-sm)}.kith-nav__mstage{position:relative;flex:1 1 auto;overflow:hidden}.kith-nav__mpanel{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transform:translate(var(--sp-7));transition:transform var(--t-3) var(--ease-in-out),opacity var(--t-2) var(--ease-out),visibility 0s linear var(--t-3)}.kith-nav__mpanel[hidden]{display:none}.kith-nav__mpanel.is-behind{transform:translate(calc(-1 * var(--sp-7)))}.kith-nav__mpanel.is-active{visibility:visible;opacity:1;transform:translate(0);transition:transform var(--t-3) var(--ease-in-out),opacity var(--t-2) var(--ease-out) var(--t-1),visibility 0s}.kith-nav__mscroll{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--sp-4) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom))}.jpn-nav-search{position:relative;display:flex;align-items:center;margin:0 0 var(--sp-3);border-bottom:var(--hairline) solid var(--line-strong)}.jpn-nav-search__input{flex:1 1 auto;min-width:0;height:var(--input-h);margin:0;padding:0 var(--sp-2) 0 0;border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-md);-webkit-appearance:none;appearance:none}.jpn-nav-search__input::placeholder{color:var(--ink-3);opacity:1}.jpn-nav-search__input:focus{outline:0}.jpn-nav-search:focus-within{border-bottom-color:var(--ink);box-shadow:0 var(--hairline) 0 var(--ink)}.jpn-nav-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.jpn-nav-search__btn{display:flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);margin-right:calc(-1 * var(--sp-3));padding:0;border:0;background:none;color:var(--ink);cursor:pointer}.jpn-nav-search__btn svg{width:var(--icon-sm);height:var(--icon-sm)}.kith-nav__mlist{list-style:none;margin:0;padding:0}.kith-nav__mrow{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0;border:0;background:none;color:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.kith-nav__mrow--primary{min-height:52px;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:400;letter-spacing:0;line-height:var(--lh-heading);text-transform:none}.kith-nav__mrow--secondary{min-height:var(--hit);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);line-height:var(--lh-ui);text-transform:uppercase}.kith-nav__mrow--all{color:var(--ink-3)}.kith-nav__mrow>span:first-child{background:linear-gradient(currentColor,currentColor) 0 100% / 0 var(--hairline) no-repeat;transition:background-size var(--t-2) var(--ease-out)}.kith-nav__mrow:focus-visible>span:first-child,.kith-nav__mrow[aria-current]>span:first-child{background-size:100% var(--hairline)}.kith-nav__mrow:focus-visible{outline-offset:calc(-1 * var(--focus-w))}.kith-nav__mrow .kith-nav__chevron{color:var(--ink-3)}.kith-nav__mrow .kith-nav__chevron-svg{width:8px;height:13px}.kith-nav__mlist--primary{padding:var(--sp-2) 0 var(--sp-4)}.kith-nav__mlist--secondary{padding:var(--sp-4) 0 0;border-top:var(--hairline) solid var(--line)}.kith-nav__mback{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--sp-3);min-height:var(--hit);margin:0 0 var(--sp-2) calc(-1 * var(--sp-1));padding:0 var(--sp-1);border:0;background:none;color:var(--ink-3);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;cursor:pointer}.kith-nav__mback-svg{width:7px;height:12px}.kith-nav__mtitle{margin:0 0 var(--sp-2);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-h2);font-weight:400;letter-spacing:0;line-height:var(--lh-heading);text-transform:none}.jpn-nav-mtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tile-gap);margin-top:auto;padding-top:var(--sp-6)}.jpn-nav-mtiles>:nth-child(n+3){display:none}.jpn-nav-mtiles>:only-child{grid-column:1 / -1;aspect-ratio:8 / 5}.jpn-nav-mtile{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-3);color:var(--on-media);text-decoration:none}.jpn-nav-mtile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jpn-nav-mtile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--photo-scrim);pointer-events:none}.jpn-nav-mtile__caption{position:absolute;right:var(--sp-3);bottom:var(--sp-3);left:var(--sp-3);z-index:1;text-shadow:var(--text-shadow-photo)}.jpn-nav-mtile--root .jpn-nav-mtile__caption{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:400;letter-spacing:0;line-height:var(--lh-heading)}.jpn-nav-mtile--panel .jpn-nav-mtile__caption{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);line-height:var(--lh-ui);text-transform:uppercase}.jpn-nav-mtile__credit{position:absolute;top:var(--sp-2);right:var(--sp-2);z-index:1;letter-spacing:0;text-transform:none;color:var(--on-stage-2)}.jpn-nav-mtile:focus-visible{outline:var(--focus-w-media) solid var(--on-media);outline-offset:calc(-1 * var(--focus-w-media) - var(--focus-offset-media))}@keyframes kith-nav-rise{0%{opacity:0;transform:translateY(var(--rise-sm))}to{opacity:1;transform:none}}.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .kith-nav__mlist>li,.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .jpn-nav-mtiles{animation:kith-nav-rise var(--t-3) var(--ease-out) both;animation-delay:calc(var(--t-1) + min(var(--i, 0),7) * var(--stagger) * 2 / 3)}.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .jpn-nav-mtiles{--i: 8}@media screen and (max-width:989px){.kith-nav__desktop{display:none!important}}@media screen and (min-width:990px){.kith-nav__mobile{display:none!important}}@media(prefers-reduced-motion:reduce){.kith-nav__desktop,.kith-nav__desktop .kith-nav__item,.kith-nav .kith-nav__backdrop,.kith-nav__mdrawer,.kith-nav__mpanel,.kith-nav__mscrim,.jpn-nav-tile img{transition-duration:var(--t-instant)!important;transition-delay:0ms!important}.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .kith-nav__mlist>li,.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .jpn-nav-mtiles{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/kith-nav.css.map */