.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{justify-self:start;margin-left:-12px;background:none;border:0;padding:0;cursor:pointer}.kith-nav__right{display:none;align-items:center;gap:0 42px;margin-right:18px}@media screen and (min-width:990px){.kith-nav__right{display:inline-flex}.kith-nav__hamburger{display:none!important}}.kith-nav__backdrop{position:fixed;top:var(--kith-header-height, 60px);right:0;bottom:0;left:0;z-index:1;background:#0009;opacity:0;visibility:hidden;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s}body.kith-nav-open .kith-nav__backdrop{opacity:1;visibility:visible}.kith-nav__desktop{position:fixed;top:var(--kith-header-height, 60px);bottom:0;left:0;z-index:2;width:33.333vw;max-width:375px;background:#fff;border-top:1px solid #d9d9d9;overflow:visible;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.kith-nav__desktop[hidden]{display:none}.kith-nav__desktop.is-open{transform:translate(0)}.kith-nav__scroll{position:static;height:100%;overflow-y:auto;background:#fff}.kith-nav__panel[hidden]{display:none}.kith-nav__list{list-style:none;margin:0;padding:12px 0;background:#fff}.kith-nav__list--secondary{border-top:1px solid #d9d9d9}.kith-nav__list--scroll{height:100%;overflow-y:auto}.kith-nav__item{padding:0 24px}.kith-nav__link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 0;border:0;background:none;color:#333;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:15px;text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer}.kith-nav__link--muted{color:#828282}.kith-nav__text{padding-bottom:1px;background:linear-gradient(#000,#000) 0 100% / 0 1px no-repeat;transition:background-size .3s}@media(hover:hover){.kith-nav__link:hover .kith-nav__text{background-size:100% 1px}}.kith-nav__link[menu-selected=true] .kith-nav__text{background-size:100% 1px}.kith-nav__chevron{display:flex;flex:0 0 auto;width:5px;color:#828282}.kith-nav__chevron-svg{width:5px;height:8px}.kith-nav__desktop .kith-nav__item{opacity:0;transform:translateY(1rem);transition:opacity .3s calc(var(--i, 0) * .03s),transform .3s calc(var(--i, 0) * .03s)}.kith-nav__desktop.is-open:not(.is-transitioning) .kith-nav__panel:not([hidden])>.kith-nav__list>.kith-nav__item,.kith-nav__desktop.is-open:not(.is-transitioning) .kith-nav__sub.is-out:not(.is-transitioning)>.kith-nav__list>.kith-nav__item{opacity:1;transform:translateY(0)}.kith-nav__sub{position:absolute;top:-1px;bottom:0;left:0;z-index:-1;width:100%;background:#fff;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;transform:translate(0);transition:transform .2s ease-in-out}.kith-nav__sub[hidden]{display:none}.kith-nav__sub.is-out{transform:translate(100%)}.kith-nav__image-item{padding:12px 24px;text-align:center}.kith-nav__image-item--top{padding-top:0;margin-bottom:12px;border-bottom:1px solid #d9d9d9}.kith-nav__image{display:grid;gap:12px;color:#333;text-decoration:none}.kith-nav__image img,.kith-nav__image-placeholder{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:#f2f2f2}.kith-nav__image-placeholder svg{width:100%;height:100%}.kith-nav__caption{justify-self:center;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:15px;text-transform:none}.kith-nav__mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;color:#111}.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:#0000008c;opacity:0;transition:opacity .3s ease}.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(92vw,420px);height:100%;height:100dvh;background:#fff;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #0000002e}.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:64px;padding:0 8px 0 20px}.kith-nav__mback{display:inline-flex;align-items:center;gap:12px;margin-left:-4px;padding:12px 4px;border:0;background:none;color:#6b6b6b;font-family:var(--font-body-family);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.kith-nav__mback[hidden]{display:none}.kith-nav__mback-svg{width:7px;height:12px}.kith-nav__mclose{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-left:auto;padding:0;border:0;outline:0;background:none;color:#111;cursor:pointer}.kith-nav__mclose:focus-visible{outline:1px solid currentColor;outline-offset:-8px}.kith-nav__mclose svg{width:18px;height:18px}.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(40px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,visibility 0s linear .3s}.kith-nav__mpanel.is-behind{transform:translate(-40px)}.kith-nav__mpanel.is-active{visibility:visible;opacity:1;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease .05s,visibility 0s}.kith-nav__mscroll{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 20px calc(32px + env(safe-area-inset-bottom))}.kith-nav__mtitle{margin:4px 0 18px;font-family:var(--kith-serif, Georgia, serif);font-size:38px;font-weight:400;line-height:1.1;letter-spacing:0;text-transform:none}.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:12px;min-height:52px;padding:0;border:0;background:none;color:inherit;font-family:var(--font-body-family);font-size:14px;font-weight:500;letter-spacing:.14em;line-height:1.3;text-align:left;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.kith-nav__mrow .kith-nav__chevron{width:8px;color:inherit}.kith-nav__mrow .kith-nav__chevron-svg{width:8px;height:13px}.kith-nav__msection{margin-top:24px;padding-top:28px;border-top:1px solid #d9d9d9}.kith-nav__mheading{margin:0 0 6px;color:#8a8a8a;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.kith-nav__mutil{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:4px}.kith-nav__mutil-link{display:flex;align-items:center;gap:14px;min-height:40px;color:inherit;font-family:var(--font-body-family);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.kith-nav__mutil-link svg{width:16px;height:16px;flex:none}.kith-nav__mscroll>.kith-nav__mlist:has(+.kith-nav__mcard){margin-bottom:36px}.kith-nav__mcard{position:relative;display:block;flex:none;margin-top:auto;aspect-ratio:2 / 1.05;overflow:hidden;background:#111;color:#fff;text-decoration:none}.kith-nav__mcard img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0% 45%}.kith-nav__mcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000008c,#0000001a 70%)}.kith-nav__mcard-body{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:grid;justify-items:start;gap:14px}.kith-nav__mcard-title{font-family:var(--kith-serif, Georgia, serif);font-size:30px;line-height:1.05;text-shadow:0 1px 12px rgba(0,0,0,.4)}.kith-nav__mcard-btn{display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:44px;padding:0 22px;background:#fff;color:#111;font-family:var(--font-body-family);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}@keyframes kith-nav-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .kith-nav__mlist>li{animation:kith-nav-rise .35s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(.08s + var(--i, 0) * 35ms)}@media(prefers-reduced-motion:reduce){.kith-nav__mdrawer,.kith-nav__mpanel,.kith-nav__mscrim{transition:none}.kith-nav__mobile.is-open .kith-nav__mpanel.is-active .kith-nav__mlist>li{animation:none}}html[data-jpn-theme=dark] .kith-nav__mobile{background:transparent;color:var(--dm-text)}html[data-jpn-theme=dark] .kith-nav__mdrawer{background:var(--dm-bg);box-shadow:0 0 40px #0009}html[data-jpn-theme=dark] .kith-nav__mclose,html[data-jpn-theme=dark] .kith-nav__mrow,html[data-jpn-theme=dark] .kith-nav__mrow .kith-nav__chevron,html[data-jpn-theme=dark] .kith-nav__mutil-link{color:var(--dm-text)}html[data-jpn-theme=dark] .kith-nav__mback,html[data-jpn-theme=dark] .kith-nav__mheading{color:var(--dm-muted)}html[data-jpn-theme=dark] .kith-nav__msection{border-color:var(--dm-line)}@media screen and (max-width:989px){.kith-nav__desktop{display:none!important}.kith-nav__backdrop{display:none}}@media screen and (min-width:990px){.kith-nav__mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/kith-nav.css.map */