.navisland{position:sticky;top:16px;margin-top:16px;z-index:var(--os-z-nav);display:flex;flex-direction:column;align-items:center;width:100%}.tpl-product .navisland,.tpl-index .navisland,.tpl-page-lookbook .navisland{position:fixed;left:0;margin-top:0;pointer-events:none}.tpl-product .navisland .nav,.tpl-index .navisland .nav,.tpl-page-lookbook .navisland .nav{pointer-events:auto}.navisland[hidden]{display:none}.navisland.show{opacity:1}.navisland.reveal{animation:navFade var(--os-dur-6) var(--os-ease) forwards}@keyframes navFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.navisland.reveal{animation:none;opacity:1}}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;width:var(--island-w, 560px);max-width:calc(100% - 32px);height:48px;padding:0 16px;box-sizing:border-box;background:var(--os-bg);border:1px solid var(--os-border);transition:width var(--os-dur-3) var(--os-ease)}.nav a,.nav button{text-decoration:none}.nav .logo{display:inline-flex;align-items:center;text-transform:none;letter-spacing:.12em;font-weight:600;color:var(--os-text)}.nav .logo img{height:14px;width:auto;display:block}.nav-right{display:flex;align-items:center;gap:10px}.nav-links{display:flex;align-items:center;gap:22px;margin-right:auto;margin-left:24px}.nav-links .lnk:hover{text-decoration:underline}.nav-ic{display:inline-flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;color:var(--os-text);background:none;border:0;cursor:pointer;text-decoration:none}.nav-ic svg{width:19px;height:19px}.nav-ic:hover{color:var(--os-text-dim)}.nav-ic .cart-n{position:absolute;top:3px;right:2px;font:600 10px/1 var(--os-font-mono);color:var(--os-text)}.nav-ic:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.show-sm{display:none}.nav .lnk{background:none;border:0;color:var(--os-text);cursor:pointer;padding:0;font:500 var(--os-fs-label)/1 var(--os-font-mono);letter-spacing:var(--os-tracking);text-transform:uppercase}.nav .lnk.active{font-weight:700}.nav .dots{display:inline-flex}.nav .dots svg{width:18px;height:18px}.cart-n{color:var(--os-text);font-weight:700;font-variant-numeric:tabular-nums;margin-left:0}.nav-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--os-z-veil);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--os-veil);transition:opacity var(--os-dur-2,.16s) var(--os-ease)}.nav-veil.in{opacity:1;pointer-events:auto;transition-duration:.22s}html.os-scroll-lock,html.os-scroll-lock body{overflow:hidden}.navpanel:focus{outline:none}.navpanel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:var(--island-w, 560px);max-width:calc(100% - 32px);box-sizing:border-box;background:var(--os-bg);border:1px solid var(--os-border);clip-path:inset(100% 0 0 0)}.navpanel[hidden]{display:none}.navpanel.open{transition:clip-path var(--os-dur-5) var(--os-ease);clip-path:inset(0 0 0 0)}.navpanel.closing{transition:clip-path var(--os-dur-2) var(--os-ease);clip-path:inset(100% 0 0 0)}.panel-body{padding:24px 28px}.panel-body .wt,.panel-body .wi,.panel-body .ws{opacity:0;transition:opacity var(--os-dur-4) var(--os-ease)}.navpanel.w-t .wt{opacity:1}.navpanel.w-i .wi{opacity:1;transition-delay:calc(var(--n,0)*12ms)}.navpanel.w-s .ws{opacity:1}@media(prefers-reduced-motion:reduce){.panel-body .wt,.panel-body .wi,.panel-body .ws{opacity:1;transition:none}.navpanel.open,.navpanel.closing{transition:none}}.panel-menu{display:block}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.menu-rule{height:1px;background:var(--os-border);margin:28px 0}.menu-col{min-width:0}.navpanel{font-size:var(--os-fs-label)}.col-title{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--os-text);margin:0 0 12px}.col-title-2{margin-top:36px}.navpanel .mlink{display:block;color:var(--os-text);text-decoration:none;font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;line-height:44px}.mlink:hover{font-weight:700}.mlink .arw{color:var(--os-text-dim)}.mlink .mlink-t{display:block;line-height:32px}.mlink .msub{display:block;font:italic 400 13px/1.4 var(--os-font-mono);letter-spacing:.02em;text-transform:none;color:var(--os-text-dim);padding-bottom:8px}.search-field{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--os-border);padding-bottom:10px}.sf-input{flex:1;background:none;border:0;color:var(--os-text);font:400 var(--os-fs-label)/1.2 var(--os-font-mono);text-transform:uppercase;letter-spacing:var(--os-tracking)}.sf-input:focus{outline:none}.sf-caret{color:var(--os-accent-text)}.search-results-wrap{margin-top:16px}.search-results-wrap[hidden]{display:none}.search-results-wrap .lbl{color:var(--os-text-dim);margin-bottom:8px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.navpanel .sr-cell{border:1px solid var(--os-border);text-decoration:none;color:var(--os-text)}.sr-cell .m{aspect-ratio:4/3;background:var(--os-surface);overflow:hidden}.sr-cell .m img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sr-cell .ft{display:flex;justify-content:space-between;padding:8px 10px;font-size:var(--os-fs-label);letter-spacing:var(--os-tracking-data);text-transform:uppercase}@media(max-width:768px){.navisland{top:8px;margin-top:8px}.nav{width:calc(100% - 16px)!important;height:44px;gap:12px}.nav .lnk{min-height:44px;display:inline-flex;align-items:center}.nav .hide-sm,.nav-links.hide-sm{display:none}.show-sm{display:inline-flex}.navpanel{position:fixed;left:8px;right:8px;top:64px;transform:none;width:auto;max-width:none}.navpanel .panel-body{max-height:calc(100dvh - 80px);overflow:auto}.menu-row{grid-template-columns:1fr}}.navpanel a,.navpanel button,.navpanel .idx-row{text-decoration:none}.navpanel .lnk{background:none;border:0;padding:0;color:var(--os-text-dim);cursor:pointer;font:500 var(--os-fs-label)/1 var(--os-font-mono);letter-spacing:var(--os-tracking);text-transform:uppercase}.navpanel .lnk:hover{color:var(--os-text)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/os-nav.css.map */