:root{--fn-nav-h: 75px}.fn-nav{position:relative;font-family:var(--fn-body)}.fn-nav--fixed .fn-nav__bar{position:fixed;top:0;left:0;right:0;z-index:90}.fn-nav--sticky .fn-nav__bar{position:sticky;top:0;z-index:90}.fn-nav--static .fn-nav__bar{position:relative}.fn-nav--dark{--fn-nav-bg: var(--fn-bg-deep);--fn-nav-fg: var(--fn-cream);--fn-nav-line: var(--fn-line-dark)}.fn-nav--cream{--fn-nav-bg: var(--fn-paper);--fn-nav-fg: var(--fn-ink);--fn-nav-line: var(--fn-line-light)}.fn-nav__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--fn-nav-h);padding:0 clamp(16px,3vw,44px);padding-left:max(clamp(16px,3vw,44px),env(safe-area-inset-left));padding-right:max(clamp(16px,3vw,44px),env(safe-area-inset-right));background:var(--fn-nav-bg);color:var(--fn-nav-fg);border-bottom:1px solid var(--fn-nav-line);transition:background .3s ease,box-shadow .3s ease}.fn-nav.is-scrolled .fn-nav__bar{box-shadow:0 10px 30px #0000002e}.fn-nav a.fn-nav__brand{font-family:var(--fn-display);font-size:24px;letter-spacing:4px;text-transform:uppercase;color:inherit;line-height:1;flex:none}.fn-nav__right{display:flex;align-items:center;gap:32px;margin-left:auto}.fn-nav__bar-links{display:none}.fn-nav__bar-list{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.fn-nav a.fn-nav__item{position:relative;display:inline-block;padding:12px 0;font-family:var(--fn-body);font-size:11px;line-height:1;font-weight:500;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;color:inherit;opacity:.78;transition:opacity .25s ease}.fn-nav a.fn-nav__item:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--fn-accent);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease}.fn-nav a.fn-nav__item:hover,.fn-nav a.fn-nav__item[aria-current=page]{opacity:1}.fn-nav a.fn-nav__item:hover:after,.fn-nav a.fn-nav__item[aria-current=page]:after{transform:scaleX(1)}.fn-nav a.fn-nav__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;background:var(--fn-accent);border:1px solid var(--fn-accent);color:var(--fn-cream);font-family:var(--fn-body);font-size:11px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}.fn-nav a.fn-nav__cta:hover{background:var(--fn-cream);border-color:var(--fn-cream);color:var(--fn-bg-deep)}.fn-nav--cream a.fn-nav__cta:hover{background:var(--fn-ink);border-color:var(--fn-ink);color:var(--fn-paper)}.fn-nav__cta-short{display:none}.fn-nav__toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;background:transparent;border:1px solid var(--fn-nav-line);color:inherit;padding:0 14px;font-family:var(--fn-body);font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.fn-nav__toggle:hover{background:var(--fn-nav-fg);color:var(--fn-nav-bg);border-color:var(--fn-nav-fg)}.fn-nav__toggle-icon{display:inline-block;width:18px;height:12px;position:relative}.fn-nav__toggle-icon:before,.fn-nav__toggle-icon:after,.fn-nav__toggle-icon span{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor}.fn-nav__toggle-icon:before{top:0}.fn-nav__toggle-icon span{top:5px;right:5px}.fn-nav__toggle-icon:after{top:10px}.fn-nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;visibility:hidden;pointer-events:none;transition:visibility 0s linear .5s}.fn-nav.is-open .fn-nav__overlay{visibility:visible;pointer-events:auto;transition-delay:0s}.fn-nav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e09079e;opacity:0;transition:opacity .45s ease}.fn-nav.is-open .fn-nav__backdrop{opacity:1}.fn-nav__panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,92vw);display:flex;flex-direction:column;background:var(--fn-nav-bg);color:var(--fn-nav-fg);border-left:1px solid var(--fn-nav-line);box-shadow:-30px 0 70px #00000059;transform:translate(100%);transition:transform .5s cubic-bezier(.22,.8,.24,1);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100vh;height:100dvh}.fn-nav.is-open .fn-nav__panel{transform:none}.fn-nav__panel-bar{display:flex;align-items:center;justify-content:space-between;min-height:var(--fn-nav-h);padding:0 clamp(18px,5vw,32px);border-bottom:1px solid var(--fn-nav-line);flex:none}.fn-nav__overlay-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:transparent;border:1px solid var(--fn-nav-line);color:inherit;padding:0 14px;font-family:var(--fn-body);font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.fn-nav__overlay-close:hover{background:var(--fn-nav-fg);color:var(--fn-nav-bg);border-color:var(--fn-nav-fg)}.fn-nav__close-icon{position:relative;width:14px;height:14px}.fn-nav__close-icon:before,.fn-nav__close-icon:after{content:"";position:absolute;top:6px;left:-1px;right:-1px;height:1.5px;background:currentColor}.fn-nav__close-icon:before{transform:rotate(45deg)}.fn-nav__close-icon:after{transform:rotate(-45deg)}.fn-nav__panel-inner{flex:1;display:flex;flex-direction:column;padding:32px clamp(18px,5vw,32px) 28px}.fn-nav__eyebrow{font-family:var(--fn-body);font-size:10px;letter-spacing:3.6px;text-transform:uppercase;font-weight:600;color:var(--fn-accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}.fn-nav__eyebrow:before{content:"";width:24px;height:1px;background:currentColor}.fn-nav__list{list-style:none;padding:0;margin:0;border-top:1px solid var(--fn-nav-line)}.fn-nav__list li{border-bottom:1px solid var(--fn-nav-line)}.fn-nav a.fn-nav__link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 0;font-family:var(--fn-editorial);font-size:min(var(--fn-link-size, 30px),32px);line-height:1.15;letter-spacing:-.3px;font-weight:400;color:inherit;opacity:0;transform:translate(18px);transition:color .3s ease}.fn-nav.is-open a.fn-nav__link{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease,color .3s ease}.fn-nav__arrow{flex:none;color:var(--fn-accent);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s ease}.fn-nav a.fn-nav__link:hover,.fn-nav a.fn-nav__link[aria-current=page]{color:var(--fn-accent)}.fn-nav a.fn-nav__link:hover .fn-nav__arrow,.fn-nav a.fn-nav__link[aria-current=page] .fn-nav__arrow{opacity:1;transform:none}.fn-nav.is-open .fn-nav__list li:nth-child(1) .fn-nav__link{transition-delay:.1s}.fn-nav.is-open .fn-nav__list li:nth-child(2) .fn-nav__link{transition-delay:.14s}.fn-nav.is-open .fn-nav__list li:nth-child(3) .fn-nav__link{transition-delay:.18s}.fn-nav.is-open .fn-nav__list li:nth-child(4) .fn-nav__link{transition-delay:.22s}.fn-nav.is-open .fn-nav__list li:nth-child(5) .fn-nav__link{transition-delay:.26s}.fn-nav.is-open .fn-nav__list li:nth-child(6) .fn-nav__link{transition-delay:.3s}.fn-nav.is-open .fn-nav__list li:nth-child(7) .fn-nav__link{transition-delay:.34s}.fn-nav.is-open .fn-nav__list li:nth-child(8) .fn-nav__link{transition-delay:.38s}.fn-nav.is-open .fn-nav__list li:nth-child(9) .fn-nav__link{transition-delay:.42s}.fn-nav.is-open .fn-nav__list li:nth-child(10) .fn-nav__link{transition-delay:.46s}.fn-nav a.fn-nav__panel-cta{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:28px;background:var(--fn-accent);border:1px solid var(--fn-accent);color:var(--fn-cream);font-family:var(--fn-body);font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}.fn-nav a.fn-nav__panel-cta:hover{background:var(--fn-cream);border-color:var(--fn-cream);color:var(--fn-bg-deep)}.fn-nav--cream a.fn-nav__panel-cta:hover{background:var(--fn-ink);border-color:var(--fn-ink);color:var(--fn-paper)}.fn-nav__footer{flex:none;padding:22px clamp(18px,5vw,32px);padding-bottom:max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--fn-nav-line);display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.6;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;opacity:.85}.fn-nav__footer a{color:inherit;align-self:flex-start;border-bottom:1px solid var(--fn-nav-line);padding-bottom:1px}@media(min-width:1200px){.fn-nav__bar-links{display:block}.fn-nav__toggle,.fn-nav__overlay{display:none}}@media(max-width:1199px){.fn-nav__right{gap:12px}}@media(max-width:720px){:root{--fn-nav-h: 57px}.fn-nav__bar{gap:12px}.fn-nav a.fn-nav__brand{font-size:20px;letter-spacing:3px}.fn-nav__right{gap:8px}.fn-nav a.fn-nav__cta{min-height:40px;padding:0 14px;font-size:10px;letter-spacing:1.8px}.fn-nav__cta-long{display:none}.fn-nav__cta-short{display:inline}.fn-nav__toggle,.fn-nav__overlay-close{min-height:40px;padding:0 11px;font-size:10px;letter-spacing:1.8px;gap:8px}.fn-nav__panel{width:min(88vw,400px)}}@media(max-width:360px){.fn-nav__toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fn-nav__toggle{padding:0 12px}}@media(prefers-reduced-motion:reduce){.fn-nav__panel,.fn-nav__backdrop,.fn-nav a.fn-nav__link,.fn-nav a.fn-nav__item:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/fiena-nav-header.css.map */