.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;padding:18px 28px;background:var(--fn-nav-bg);color:var(--fn-nav-fg);border-bottom:1px solid var(--fn-nav-line)}.fn-nav__brand{font-family:var(--fn-display);font-size:24px;letter-spacing:4px;text-transform:uppercase;color:inherit}.fn-nav__toggle{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--fn-nav-line);color:inherit;padding:8px 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-accent);color:var(--fn-cream);border-color:var(--fn-accent)}.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;transition:transform .3s ease,opacity .2s ease,top .3s ease}.fn-nav__toggle-icon:before{top:0}.fn-nav__toggle-icon span{top:5px}.fn-nav__toggle-icon:after{top:10px}.fn-nav.is-open .fn-nav__toggle-icon:before{top:5px;transform:rotate(45deg)}.fn-nav.is-open .fn-nav__toggle-icon:after{top:5px;transform:rotate(-45deg)}.fn-nav.is-open .fn-nav__toggle-icon span{opacity:0}.fn-nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;flex-direction:column;background:var(--fn-nav-bg);color:var(--fn-nav-fg);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.fn-nav.is-open .fn-nav__overlay{opacity:1;visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s}.fn-nav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fn-nav__overlay-bar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--fn-nav-line)}.fn-nav__overlay-close{background:transparent;border:1px solid var(--fn-nav-line);color:inherit;padding:8px 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-accent);color:var(--fn-cream);border-color:var(--fn-accent)}.fn-nav__overlay-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;text-align:center;gap:18px}.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:8px}.fn-nav__eyebrow:before,.fn-nav__eyebrow:after{content:"";width:24px;height:1px;background:currentColor}.fn-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.fn-nav__link{display:inline-block;font-family:var(--fn-editorial);font-size:var(--fn-link-size, 40px);line-height:1.1;letter-spacing:-.5px;font-weight:400;color:inherit;text-decoration:none;position:relative;padding:4px 8px;transition:color .3s ease,transform .3s ease;opacity:0;transform:translateY(12px)}.fn-nav.is-open .fn-nav__link{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,color .3s ease}.fn-nav.is-open .fn-nav__list li:nth-child(1) .fn-nav__link{transition-delay:.05s}.fn-nav.is-open .fn-nav__list li:nth-child(2) .fn-nav__link{transition-delay:.1s}.fn-nav.is-open .fn-nav__list li:nth-child(3) .fn-nav__link{transition-delay:.15s}.fn-nav.is-open .fn-nav__list li:nth-child(4) .fn-nav__link{transition-delay:.2s}.fn-nav.is-open .fn-nav__list li:nth-child(5) .fn-nav__link{transition-delay:.25s}.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:.35s}.fn-nav.is-open .fn-nav__list li:nth-child(8) .fn-nav__link{transition-delay:.4s}.fn-nav.is-open .fn-nav__list li:nth-child(9) .fn-nav__link{transition-delay:.45s}.fn-nav.is-open .fn-nav__list li:nth-child(10) .fn-nav__link{transition-delay:.5s}.fn-nav__link:hover{color:var(--fn-accent);font-style:italic}.fn-nav__footer{position:relative;z-index:3;padding:24px 28px;border-top:1px solid var(--fn-nav-line);display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;opacity:.85}.fn-nav__footer a{color:inherit;border-bottom:1px solid var(--fn-nav-line);padding-bottom:1px;text-decoration:none}@media(max-width:720px){.fn-nav__bar{padding:12px 16px}.fn-nav__brand{font-size:20px;letter-spacing:3px}.fn-nav__toggle,.fn-nav__overlay-close{padding:7px 10px;font-size:10px;letter-spacing:1.8px}.fn-nav__overlay-bar{padding:12px 16px}.fn-nav__overlay-inner{padding:32px 20px;gap:14px}.fn-nav__link{font-size:clamp(28px,9vw,40px)}.fn-nav__footer{padding:18px 16px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/fiena-nav-header.css.map */