.navbar{padding:var(--padding-m) var(--padding-l);box-sizing:border-box;z-index:9;background:var(--color-background);width:100%;display:inline-flex;position:sticky;top:0}.navbar .logo{margin-right:auto}.navbar .logo svg{width:calc(var(--unit-base) * 3);height:calc(var(--unit-base) * 3)}.navbar a{text-decoration:none}.navbar div{gap:var(--margin-l);transition:all var(--anim-base) var(--anim-timing);align-items:center;display:inline-flex}.navbar button.menu{top:var(--margin-s);right:var(--margin-s);z-index:9;transition:opacity var(--anim-base) var(--anim-timing);display:none;position:fixed}.navbar a.active{opacity:.4;pointer-events:none}@media (max-width:44rem){.navbar{flex-direction:column}.navbar .logo{padding-top:var(--padding-s)}.navbar div{background:var(--color-background);width:100%;height:100vh;padding:var(--padding-xxl);box-sizing:border-box;opacity:0;pointer-events:none;z-index:8;justify-content:start;align-items:center;gap:var(--margin-xs);flex-direction:column;position:fixed;top:0;left:0;transform:translate(-100%)}.navbar div.open{opacity:1;pointer-events:auto;transform:translate(0)}.navbar div a{width:100%}.navbar div a:not(.cta){padding:var(--padding-m);justify-content:center;display:inline-flex}.navbar div a:first-child,.navbar div a.cta{margin-top:var(--margin-s)}.navbar button.menu{display:flex}}