.nn-navbar{width:100%;box-sizing:border-box;position:relative}
.nn-navbar *{box-sizing:border-box}
.nn-navbar.nn-sticky{position:sticky;top:0;z-index:999}
.nn-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;width:100%}
.nn-logo{flex:0 0 auto}
.nn-logo a{display:inline-block;text-decoration:none;color:inherit}
.nn-logo img{display:block;max-width:100%;height:auto}
.nn-menu-wrap{flex:1 1 auto;display:flex;justify-content:center}
.nn-menu,.nn-menu ul{list-style:none;margin:0;padding:0}
.nn-menu{display:flex;align-items:center}
.nn-menu li{margin:0;padding:0;position:relative;list-style:none}
.nn-menu a{display:block;text-decoration:none;transition:color .2s ease;box-shadow:none}
.nn-cta{flex:0 0 auto}
.nn-btn{display:inline-flex;align-items:center;text-decoration:none;line-height:1.2;border:0 solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.nn-btn-icon{display:inline-flex;align-items:center;line-height:1}
.nn-btn-icon svg{width:1em;height:1em;fill:currentColor}
.nn-btn-icon i{line-height:1}

/* Dropdown (sub-items) */
.nn-menu{--nn-sub-offset:14px}
.nn-menu .menu-item-has-children>a{display:flex;align-items:center;gap:6px}
.nn-caret{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}
.nn-caret svg{width:10px;height:10px;display:block;transition:transform .2s ease}
.nn-menu .sub-menu a{white-space:nowrap;display:block}
.nn-navbar:not(.nn-mobile) .nn-menu .sub-menu{position:absolute;top:calc(100% + var(--nn-sub-offset));left:0;min-width:230px;background:#fff;padding:8px 0;box-shadow:0 12px 32px rgba(31,27,22,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:50}
.nn-navbar:not(.nn-mobile) .nn-menu .sub-menu::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--nn-sub-offset));height:var(--nn-sub-offset)}
.nn-navbar:not(.nn-mobile) .nn-menu li:hover>.sub-menu,
.nn-navbar:not(.nn-mobile) .nn-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nn-navbar:not(.nn-mobile) .nn-menu li:hover>a .nn-caret svg,
.nn-navbar:not(.nn-mobile) .nn-menu li:focus-within>a .nn-caret svg{transform:rotate(180deg)}
.nn-menu .sub-menu li{width:100%}
.nn-menu .sub-menu a{transition:color .2s ease,background-color .2s ease}

/* Hamburger */
.nn-toggle{display:none;background:transparent;border:0;padding:6px;cursor:pointer;flex-direction:column;gap:5px;color:#1F1B16}
.nn-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
.nn-open .nn-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nn-open .nn-toggle span:nth-child(2){opacity:0}
.nn-open .nn-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile */
.nn-navbar.nn-mobile .nn-inner{flex-wrap:wrap}
.nn-navbar.nn-mobile .nn-toggle{display:flex;margin-left:auto}
.nn-navbar.nn-mobile .nn-menu-wrap,
.nn-navbar.nn-mobile .nn-cta{display:none;width:100%;flex:0 0 100%}
.nn-navbar.nn-mobile.nn-open .nn-menu-wrap{display:block}
.nn-navbar.nn-mobile.nn-open .nn-cta{display:block}
.nn-navbar.nn-mobile .nn-menu{flex-direction:column;align-items:flex-start;gap:0}
.nn-navbar.nn-mobile .nn-menu li{width:100%}
/* Mobile dropdown: tap caret to open */
.nn-navbar.nn-mobile .nn-menu .sub-menu{display:none;position:static;padding:0 0 0 16px;background:transparent;box-shadow:none}
.nn-navbar.nn-mobile .nn-menu li.nn-sub-open>.sub-menu{display:block}
.nn-navbar.nn-mobile .nn-menu .menu-item-has-children>a{justify-content:space-between}
.nn-navbar.nn-mobile .nn-caret{padding:6px 8px;margin:-6px -8px -6px 0;cursor:pointer}
.nn-navbar.nn-mobile .nn-menu li.nn-sub-open>a .nn-caret svg{transform:rotate(180deg)}