:root{--flash-height:34px}.banner-flash{position:fixed;top:0;left:0;right:0;height:var(--flash-height);z-index:30;overflow:hidden;color:#f8ffff;border:1px solid rgba(255,255,255,.42);border-top:0;border-radius:0;background:linear-gradient(90deg,#12464e75,#e8fcff38 24%,#2a676f5c 52%,#f0ffff33 76%,#12464e75),linear-gradient(180deg,#ffffff57,#ffffff14);box-shadow:0 1px 10px #0000001f,inset 0 1px #ffffff7a,inset 0 -1px #0000001a;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);pointer-events:none}.banner-flash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(106deg,transparent 0 26%,rgba(255,255,255,.28) 34%,transparent 45% 72%,rgba(255,255,255,.18) 80%,transparent 100%);mix-blend-mode:screen;opacity:.55}.banner-flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 14% 42%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 61% 58%,rgba(255,255,255,.13) 0 1px,transparent 1.5px);background-size:42px 22px,56px 26px;opacity:.28}.banner-flash-track{position:relative;z-index:1;display:flex;align-items:center;width:max-content;height:100%;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.52);white-space:nowrap;animation:banner-flash-move 64s linear infinite}.banner-flash-group{display:flex;flex:none;align-items:center;justify-content:space-evenly;gap:clamp(44px,7vw,120px);box-sizing:border-box;width:max-content;min-width:100vw;padding:0 clamp(22px,3.5vw,60px)}.banner-flash-track span{opacity:.95}.banner-flash-track span:after{content:"";display:inline-block;width:4px;height:4px;margin-left:clamp(44px,7vw,120px);border-radius:50%;background:#ffffff8a;vertical-align:middle;box-shadow:0 0 6px #ffffff59}.banner-flash-track em{font-style:italic}.header{top:var(--flash-height);display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;min-height:88px;padding:14px 30px}.header .brand{grid-column:2;grid-row:1;margin:0;width:100px}.header-row{display:contents}.header-links{grid-column:1;grid-row:1;display:flex;align-items:center;gap:18px;min-width:0}.header #navigation{display:flex;gap:24px;align-items:center;font-size:12px;letter-spacing:.025em;white-space:nowrap}.header #navigation a{position:relative;padding:10px 0}.header #navigation a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.header #navigation a:focus-visible:after{transform:scaleX(1)}.header #navigation a:hover{text-decoration:none}.header .utilities{grid-column:3;grid-row:1;position:static;justify-self:end}.header{transition:background-color .28s ease,color .28s ease,min-height .28s ease,padding .28s ease}.header.header-solid{mix-blend-mode:normal;background:#fff;color:#111;min-height:72px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #1111}.header.header-solid .brand img{filter:none;mix-blend-mode:multiply}.navigation-panel{position:fixed;inset:calc(var(--flash-height) + 16px) auto 16px 16px;margin:0;padding:28px;width:min(360px,calc(100% - 32px));max-width:none;height:calc(100dvh - var(--flash-height) - 32px);max-height:none;border:1px solid rgba(255,255,255,.75);border-radius:10px;background:#ffffffad;box-shadow:0 2px 10px #00000014,inset 0 1px #ffffff59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#111;overflow-y:auto}.navigation-panel::backdrop{background:transparent}.navigation-panel[open]{animation:menu-enter .28s cubic-bezier(.2,.7,.2,1)}.navigation-panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #ddd}.navigation-panel-heading h2{margin:0;font-size:12px;font-weight:400;letter-spacing:.05em}.navigation-panel-close{width:44px;height:44px;font-size:27px;background:none;border:0}.navigation-panel nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:18px;font-size:13px}.navigation-panel nav a{display:block;padding:18px 0;min-height:48px}.navigation-panel nav a:hover{text-decoration:underline;text-underline-offset:5px}.navigation-panel .panel-faq{margin-top:18px;border-top:1px solid #ddd;padding-top:26px}.nav-mega{position:fixed;top:calc(var(--flash-height) + 70px);left:0;right:0;z-index:19;width:100%;max-height:calc(100dvh - var(--flash-height) - 86px);padding:26px 30px 30px;color:#111;background:#fffffff0;border-bottom:1px solid rgba(17,17,17,.12);box-shadow:0 16px 28px #0000001a;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .2s ease,visibility .2s ease,transform .24s cubic-bezier(.2,.7,.2,1);pointer-events:none;overflow:hidden}.nav-mega.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}:root{--nav-header-height:88px;--nav-glass:linear-gradient(90deg,rgba(18,70,78,.46),rgba(232,252,255,.22) 24%,rgba(42,103,111,.36) 52%,rgba(240,255,255,.2) 76%,rgba(18,70,78,.46)),linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.08))}body:has(.header-solid){--nav-header-height:72px}.nav-mega{top:calc(var(--flash-height) + var(--nav-header-height));background:var(--nav-glass);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid #ffffffbf}.header:has(#navigation a:hover),.header:has(#navigation a:focus-visible),body.nav-mega-open .header{mix-blend-mode:normal;background:var(--nav-glass);color:#111;border-bottom:0;box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.header:has(#navigation a:hover) .brand img,.header:has(#navigation a:focus-visible) .brand img,body.nav-mega-open .header .brand img{filter:grayscale(1) brightness(0);mix-blend-mode:multiply}body.nav-mega-open .header,body.nav-mega-open .header:has(#navigation a:hover),body.nav-mega-open .header:has(#navigation a:focus-visible){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:none}.nav-mega.is-open{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;border:0;box-shadow:none}.nav-mega:before{content:"";position:absolute;inset:calc(-1 * var(--nav-header-height)) 0 0;z-index:0;background:var(--nav-glass);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;box-shadow:0 16px 28px #0001}.nav-mega:before{backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border:1px solid rgba(255,255,255,.42);box-shadow:0 1px 10px #0002,inset 0 1px #ffffff7a,inset 0 -1px #0000001a}.nav-mega:after{content:"";position:absolute;inset:calc(-1 * var(--nav-header-height)) 0 0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 14% 42%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 61% 58%,rgba(255,255,255,.13) 0 1px,transparent 1.5px);background-size:42px 22px,56px 26px;opacity:.28}.nav-mega{color:#f8ffff;text-shadow:0 1px 4px #0008}.nav-mega-card-meta small{color:inherit!important;opacity:.85}.nav-mega-image{text-shadow:none}.header:has(#navigation a:hover),.header:has(#navigation a:focus-visible),body.nav-mega-open .header{color:#f8ffff}.header:has(#navigation a:hover) .brand img,.header:has(#navigation a:focus-visible) .brand img,body.nav-mega-open .header .brand img{filter:grayscale(1) brightness(0) invert(1);mix-blend-mode:normal}body.nav-mega-open:before{display:none}body.nav-mega-open .hero video,body.nav-mega-open .hero-hit-area,body.nav-mega-open .hero-ctas{filter:none!important}@media(max-width:680px){:root{--nav-header-height:76px}.nav-mega{top:calc(var(--flash-height) + var(--nav-header-height))!important}}@media(prefers-reduced-transparency:reduce){:root{--nav-glass:#24464b}.nav-mega,.nav-mega:before,.header:has(#navigation a:hover),.header:has(#navigation a:focus-visible){backdrop-filter:none;-webkit-backdrop-filter:none}}.nav-mega-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:30px;font-size:12px;line-height:1.35}.nav-mega-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:2px}.nav-mega-copy p{margin:0;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#767676}.nav-mega-copy strong{font-size:18px;font-weight:600;letter-spacing:0}.nav-mega-copy span{max-width:210px;color:#666}.nav-mega-links{display:grid;gap:7px;margin-top:8px;font-size:12px}.nav-mega-links a{width:max-content;min-height:20px}.nav-mega-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.nav-mega-locked .nav-mega-products{filter:blur(16px);opacity:.26;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-coming-soon{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);font-size:clamp(24px,5vw,78px);font-weight:800;letter-spacing:.12em;text-align:center;white-space:nowrap;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}.nav-lock-icon{display:grid;place-items:center;width:auto;height:auto;border:0;border-radius:0;font-size:34px;line-height:1;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;letter-spacing:0;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}.nav-lock-icon .lock-icon{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.nav-mega-card{display:grid;gap:9px;min-width:0}.nav-mega-card:hover,.nav-mega-card:focus-visible{text-decoration:none}.nav-mega-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#f3f4f5}.nav-mega-image img{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.nav-mega-product .nav-mega-image img{object-fit:contain}.nav-mega-card:hover .nav-mega-image img,.nav-mega-card:focus-visible .nav-mega-image img{transform:scale(1.045)}.nav-mega-card-meta{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;font-size:11px;line-height:1.25}.nav-mega-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-mega-card-meta small{font-size:10px;color:#777;white-space:nowrap}.nav-mega-inner a:hover,.nav-mega-inner a:focus-visible{text-decoration:underline;text-underline-offset:4px}body.nav-mega-open:before{content:"";position:fixed;inset:calc(var(--flash-height) + 70px) 0 0 0;z-index:18;background:#ffffff0d;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none}body.nav-mega-open .hero video,body.nav-mega-open .hero-hit-area,body.nav-mega-open .hero-ctas{filter:blur(5px);transition:filter .22s ease}@keyframes menu-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes banner-flash-move{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1050px){.header #navigation{gap:16px;font-size:11px}.nav-mega-products{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-mega{padding:22px 24px}}@media(max-width:680px){:root{--flash-height:30px}.banner-flash-track{font-size:9px;letter-spacing:.11em}.banner-flash-group{gap:42px;padding:0 21px}.banner-flash-track span:after{margin-left:42px}.header{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);min-height:76px;padding:10px 16px}.header .brand{width:80px}.header .utilities{gap:12px}.header .utilities span{font-size:10px}.header-links{gap:0;overflow-x:auto;scrollbar-width:none}.header-links::-webkit-scrollbar{display:none}.header #navigation{gap:13px;font-size:10px}.nav-mega{top:calc(var(--flash-height) + 62px);max-height:62dvh;padding:18px 16px 20px;overflow-y:auto}.nav-mega-inner{grid-template-columns:1fr;gap:16px}.nav-mega-copy span{max-width:none}.nav-mega-products{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-mega-card-meta{grid-template-columns:1fr}body.nav-mega-open:before{inset:calc(var(--flash-height) + 62px) 0 0 0}}@media(prefers-reduced-motion:reduce){.navigation-panel[open],.banner-flash-track{animation:none}.nav-mega{transition:none}body.nav-mega-open .hero video,body.nav-mega-open .hero-hit-area,body.nav-mega-open .hero-ctas{filter:none}}@supports not ((backdrop-filter:blur(6px)) or (-webkit-backdrop-filter:blur(6px))){.navigation-panel{background:#fffffff0}}@media(prefers-reduced-transparency:reduce){.navigation-panel{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-transparency:reduce){.banner-flash{background:#18363b;backdrop-filter:none;-webkit-backdrop-filter:none}}.mobile-menu-toggle{display:none;border:0;background:none;color:inherit;padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center}@media(max-width:680px){.header #navigation{display:none!important}.mobile-menu-toggle{display:flex}.header-links{overflow:visible}.nav-mega{display:none!important}.navigation-panel{inset:var(--flash-height) 0 0 0;width:100%;height:calc(100dvh - var(--flash-height));padding:0;margin:0;border:0;border-radius:0;background:#f4f6f6c2;color:#111;text-shadow:none;backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%)}.navigation-panel-heading{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:8px;padding:0 18px;border-bottom-color:#1112;background:#f4f6f694;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navigation-panel-close{justify-self:end;color:inherit}.mobile-menu-tabs{display:flex!important;flex-direction:row!important;gap:22px!important;margin:0!important;font-size:14px!important;font-weight:400}.mobile-menu-tabs a{min-height:46px!important;padding:15px 0 12px!important;opacity:.78}.mobile-menu-tabs a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:14px}.mobile-menu-body{padding:26px 24px 38px}.mobile-menu-primary{display:grid!important;gap:7px!important;margin:0 0 24px!important;font-size:19px!important;font-weight:400;line-height:1.2!important;letter-spacing:0}.mobile-menu-primary a{min-height:0!important;padding:0!important}.mobile-menu-group{padding:18px 0 2px}.mobile-menu-group-title{display:inline-flex;gap:8px;align-items:center;margin:0 0 13px;font-size:13px;font-weight:400;line-height:1.3;color:#555;opacity:1}.mobile-menu-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;font-size:14px;font-weight:400;line-height:1.28}.mobile-menu-columns a{min-width:0}.navigation-panel a:hover{text-decoration:underline;text-underline-offset:4px}}@media(max-width:360px){.header{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);padding-left:12px;padding-right:12px}.header .brand{width:72px}.header .utilities{gap:7px}.header .utilities svg{width:20px;height:20px}.mobile-menu-toggle{min-width:40px;padding-left:0;padding-right:0}.navigation-panel{inset:var(--flash-height) 0 0 0;width:100%;height:calc(100dvh - var(--flash-height));padding-left:0;padding-right:0}}@media(max-width:680px){.navigation-panel{background:#f7f7f6e0!important;color:#111!important;text-shadow:none!important}.navigation-panel a,.navigation-panel button{color:#111!important;text-shadow:none!important}.navigation-panel-heading{background:#f7f7f6b8!important;border-bottom:1px solid rgba(17,17,17,.14)!important}.mobile-menu-tabs{font-size:14px!important;font-weight:400!important;letter-spacing:0!important}.mobile-menu-primary{font-size:18px!important;font-weight:400!important;line-height:1.22!important}.mobile-menu-group-title{font-size:13px!important;font-weight:400!important;color:#585858!important}.mobile-menu-columns{font-size:14px!important;font-weight:400!important;line-height:1.3!important}.mobile-menu-columns a{font-weight:400!important}}@media(max-width:680px){.mobile-menu-tabs button{-webkit-appearance:none;appearance:none;border:0;background:transparent;margin:0;min-height:46px;padding:15px 0 12px;font:inherit;color:inherit;opacity:.78}.mobile-menu-tabs button[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:14px}.mobile-menu-stage{overflow:hidden}.mobile-menu-track{display:flex;width:300%;transition:transform .3s cubic-bezier(.2,.7,.2,1);will-change:transform}.navigation-panel[data-mobile-view=summer] .mobile-menu-track{transform:translate(0)}.navigation-panel[data-mobile-view=shop] .mobile-menu-track{transform:translate(-33.333333%)}.navigation-panel[data-mobile-view=community] .mobile-menu-track{transform:translate(-66.666667%)}.mobile-menu-page{flex:0 0 33.333333%;min-width:0;padding:26px 24px 38px}.mobile-menu-locked{position:relative;min-height:360px}.mobile-menu-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 34px;margin-top:34px;font-size:14px;line-height:1.35;filter:blur(6px);opacity:.32;-webkit-user-select:none;user-select:none}.mobile-coming-soon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:500;letter-spacing:.08em;white-space:nowrap}.mobile-menu-page-summer .mobile-menu-primary{filter:blur(5px);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}}@media(max-width:680px)and (prefers-reduced-motion:reduce){.mobile-menu-track{transition:none}}@media(max-width:680px){.mobile-community-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:28px}.mobile-community-gallery a{display:block;min-width:0;aspect-ratio:4/5;overflow:hidden}.mobile-community-gallery img{display:block;width:100%;height:100%;object-fit:cover}}@media(max-width:680px){.mobile-product-carousel{position:relative;display:flex;gap:8px;margin-top:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-product-carousel::-webkit-scrollbar{display:none}.mobile-product-carousel a{flex:0 0 46%;min-width:0;scroll-snap-align:start;text-decoration:none}.mobile-product-carousel img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#f5f5f5}.mobile-product-carousel span{display:block;margin-top:7px;font-size:11px;line-height:1.4;color:#222}}@media(max-width:680px){.mobile-product-carousel{cursor:grab;-webkit-user-select:none;user-select:none}.mobile-product-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.mobile-product-carousel a,.mobile-product-carousel img{-webkit-user-drag:none}.mobile-product-carousel.is-dragging a{cursor:grabbing}}@media(max-width:680px){.mobile-community-footer{margin:18px 0 0;font-size:8px;font-weight:400;line-height:1.5;text-align:center;color:#555;letter-spacing:0}}@media(max-width:680px){.navigation-panel[open]{display:flex;flex-direction:column;overflow:hidden}.navigation-panel-heading{flex-shrink:0}.mobile-menu-stage{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.mobile-menu-track{align-items:flex-start}.mobile-community-footer{flex-shrink:0;margin:0;padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:#f7f7f6b8}.mobile-coming-soon svg{display:block;width:32px;height:32px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}}.shop-page .header .brand #logo,.ss27-page .header .brand #logo{filter:brightness(0);opacity:1}.header .brand #logo{width:72%;height:auto;margin:0 auto;display:block}@media(max-width:680px){.header .brand #logo{width:65%}}.banner-flash .banner-flash-track,.banner-flash .banner-flash-track span{color:#000;text-shadow:none}.banner-flash{transition:background-color .25s ease,box-shadow .25s ease}.banner-flash.banner-solid{background:#fff;border-color:#ededed;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.banner-flash.banner-solid:before,.banner-flash.banner-solid:after{opacity:0}.banner-flash.banner-solid .banner-flash-track span:after{background:#1114;box-shadow:none}@media(prefers-reduced-motion:reduce){.banner-flash{transition:none}}body.nav-surface-solid .nav-mega{background:#fff;color:#000;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#ededed}body.nav-surface-solid.nav-mega-open .header.header-solid{background:#fff;color:#000;backdrop-filter:none;-webkit-backdrop-filter:none}body.nav-surface-solid.nav-mega-open:after{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}body.nav-surface-solid.nav-mega-open .header .brand #logo{filter:brightness(0)}body.nav-surface-solid .nav-mega:before{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:0 12px 24px #0000000d}body.nav-surface-solid .nav-mega:after{display:none}body.nav-surface-solid .nav-mega.is-open{background:#fff}body.nav-surface-solid .header.header-solid,body.nav-surface-solid .header.header-solid:has(#navigation a:hover),body.nav-surface-solid .header.header-solid:has(#navigation a:focus-visible){color:#000;background:#fff;text-shadow:none}body.nav-surface-solid .header.header-solid #navigation a,body.nav-surface-solid .header.header-solid #navigation a:hover,body.nav-surface-solid .header.header-solid #navigation a:focus-visible{color:#000;opacity:1;text-shadow:none}body.nav-surface-solid .header.header-solid .utilities,body.nav-surface-solid .header.header-solid .header-links{color:#000}@media(max-width:680px){.navigation-panel .mobile-menu-stage{scrollbar-width:none;overscroll-behavior:contain}.navigation-panel .mobile-menu-stage::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/nhny-header-navigation.css.map */