.brand{display:inline-flex;gap:12px;flex:none;text-decoration:none;letter-spacing:0}
.brand:hover{text-decoration:none}
.brand-symbol{display:block;width:50px;height:50px;flex:none}
.brand-wordmark{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-kicker{font-size:10px;font-weight:750;letter-spacing:2.4px;text-transform:uppercase}
.brand-name{font-size:26px;letter-spacing:-1.2px;font-weight:800;white-space:nowrap}
.brand-name b{color:var(--green);font-weight:800}
.nav{position:relative;flex-wrap:nowrap;padding:20px 0;gap:24px}
.navlinks{align-items:center;gap:8px;flex-wrap:nowrap}
.navlinks a{padding:10px 16px;border-radius:8px;transition:background .15s,color .15s}
.navlinks a:hover{background:#f0f4e9;text-decoration:none}
.navlinks a.active{background:#edf3e6;box-shadow:none;color:var(--green)}
.menu-toggle{display:none;width:46px;height:46px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);align-items:center;justify-content:center;flex:none}
.menu-toggle:hover{background:#f0f4e9}
.menu-toggle-icon{position:relative;width:20px;height:16px}
.menu-toggle-icon span{position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s;top:7px}
.menu-toggle-icon span:first-child{top:0}
.menu-toggle-icon span:last-child{top:14px}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .menu-toggle-icon span:last-child{transform:translateY(-7px) rotate(-45deg)}
.footer-top .brand-symbol{width:42px;height:42px}
.footer-top .brand-name{font-size:23px}
.footer-top .brand-kicker{font-size:9px;letter-spacing:2px}
@media(max-width:760px){
  .nav{flex-wrap:wrap;padding:15px 0;gap:0;justify-content:space-between}
  .brand-symbol{width:44px;height:44px}
  .brand{gap:10px}
  .brand-name{font-size:24px}
  .brand-kicker{font-size:9px;letter-spacing:2.2px}
  .navlinks{width:100%;flex-direction:column;align-items:stretch;gap:4px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:15px}
  .navlinks a{padding:12px 14px;min-height:48px}
  .nav.menu-ready .menu-toggle{display:inline-flex}
  .nav.menu-ready .navlinks:not(.is-open){display:none}
  .footer-top{flex-wrap:wrap;gap:22px}
}
@media(prefers-reduced-motion:reduce){.menu-toggle-icon span,.navlinks a{transition:none}}

.topline .wrap{justify-content:center;text-align:center}
