/* MNK's shared navigation styles, scoped to the real topbar. Liquid/folder components are the same as the site. */
:root{--outer:clamp(20px,4.5vw,78px);--ease:cubic-bezier(.22,1,.36,1)}
.topbar{height:78px;padding:0 var(--outer);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid #f0f3f5;position:sticky;top:0;z-index:200;isolation:isolate}
.topbar .brand{display:inline-flex;align-items:center;justify-self:start}.topbar .brand img{width:113px;height:55px;object-fit:contain;object-position:left}
.topbar .nav-standard{display:flex;gap:clamp(18px,2vw,38px);align-items:center}
.topbar .nav-link{font-size:13px;font-weight:550;color:#607684;transition:color .2s}
.topbar .nav-link.current,.topbar .nav-link:hover{color:#102B3B}
.topbar .nav-right{justify-self:end;display:flex;align-items:center;gap:32px}
.topbar .nav-cta{font-size:13px;font-weight:650;display:flex;align-items:center;gap:18px;border-bottom:1px solid #607684;padding:8px 0}
.topbar .nav-cta span{transition:transform .25s}.topbar .nav-cta:hover span{transform:translate(3px,-3px)}
.topbar .menu-toggle{display:flex;align-items:center;gap:16px;background:transparent;border:0;padding:15px 0;color:#102B3B;font-size:13px;font-weight:600}
.topbar .burger{display:grid;gap:5px;width:24px}.topbar .burger i{display:block;background:#102B3B;height:1.5px;width:24px}
@media(min-width:1400px){.topbar .nav-standard{gap:39px}}
@media(max-width:1080px){.topbar{grid-template-columns:1fr 1fr}.topbar .nav-standard{display:none}}
@media(max-width:700px){.topbar{height:67px}.topbar .nav-cta{display:none}.topbar .menu-label{display:none}}