.navbar{color:var(--ink);-webkit-backdrop-filter:blur(20px);z-index:99;background:#fffffff5;border-bottom:1px solid #0000000f;position:sticky;top:0}.nav-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;max-width:1280px;height:68px;margin:0 auto;padding:0 24px;display:grid}.nav-left,.nav-right{align-items:center;gap:32px;min-width:0;display:flex}.nav-left{justify-self:start}.nav-right{justify-content:flex-end;justify-self:end}.nav-left a,.nav-right a:not(.btn-nav){color:var(--ink-2);font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.nav-left a:hover,.nav-right a:not(.btn-nav):hover{color:var(--ink)}.logo{flex-direction:column;flex-shrink:0;justify-self:center;align-items:center;text-decoration:none;display:flex}.logo-mark{align-items:flex-end;gap:1px;line-height:1;display:flex}.logo-mark .y,.logo-mark .b{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;font-size:30px;font-weight:900}.logo-mark .y{color:var(--yellow)}.logo-mark .b{color:var(--ink)}.logo-tag{color:var(--ink-3);white-space:nowrap;margin-top:1px;font-size:9px}.logo-tag span{background:var(--yellow);color:var(--ink);border-radius:3px;padding:1px 5px;font-weight:700}.btn-nav{background:var(--yellow);color:var(--ink);transition:background .18s, transform .14s var(--spring);border-radius:100px;padding:9px 22px;font-size:14px;font-weight:700;text-decoration:none}.btn-nav:hover{background:var(--yellow-d);transform:scale(1.04)}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-self:end;gap:5px;padding:6px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:22px;height:2px;transition:all .3s}.nav-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-mobile{background:#fff;border-top:1px solid #0000000f;padding:12px 24px 20px;display:none}.nav-mobile.open{display:block}.nav-mobile a{color:var(--ink-2);border-bottom:1px solid #0000000a;padding:10px 0;font-size:15px;font-weight:500;text-decoration:none;display:block}.nav-mobile a:last-child{border:none}.nav-mobile a:hover{color:var(--ink)}@media (max-width:640px){.nav-left,.nav-right{display:none}.nav-inner{grid-template-columns:auto 1fr auto;gap:10px}.logo{justify-self:start}.nav-toggle{justify-self:end;margin-left:auto;display:flex}}