/* Copied from the published konnect homepage navigation. */
  nav.top {
    display: flex; justify-content: space-between; align-items: center;
    padding: 28px 64px;
    border-bottom: 1px solid rgba(42,38,34,0.12);
    position: sticky; top: 0; background: rgba(247,244,238,0.92); backdrop-filter: blur(6px);
    z-index: 50;
  }
  .wm-lockup { display: flex; align-items: stretch; gap: 18px; }
  .wm-lockup .km { position: relative; display: inline-block; padding-right: 4px; padding-bottom: 6px; }
  .wm-lockup .km-text { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 30px; line-height: 1; letter-spacing: -0.025em; color: #2A2622; position: relative; z-index: 2; }
  .wm-lockup .km-dot { position: absolute; right: -1px; bottom: 3px; width: 7px; height: 7px; z-index: 3; pointer-events: none; }
  .wm-lockup .km-dot svg { width: 100%; height: 100%; display: block; overflow: visible; }
  .wm-lockup .km-tie { position: absolute; left: 0; right: 10px; bottom: 4px; height: 4px; pointer-events: none; z-index: 1; overflow: hidden; }
  nav.top ul { list-style: none; display: flex; gap: 36px; padding: 0; margin: 0; }
  nav.top a { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: #2A2622; text-decoration: none; border: 0; }
  nav.top a:hover { color: #B14A2E; }
  nav.top .cta { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.18em; padding: 12px 22px; background: #B14A2E; color: #F7F4EE; border: 0; cursor: pointer; }


nav.top { line-height: var(--lh-body); }
nav.top .km-tie { width: auto; }
@media (max-width: 1024px) { nav.top { padding: 22px 40px; } nav.top ul { gap: 24px; } }
@media (max-width: 640px) { nav.top { padding: 16px 22px; } nav.top ul { display: none; } nav.top .cta { padding: 9px 14px; font-size: 10px; letter-spacing: 0.16em; } .wm-lockup .km-text { font-size: 24px; } .wm-lockup .km-dot { width: 5px; height: 5px; } }

nav.top .wm-lockup {text-transform:none;letter-spacing:normal;line-height:var(--lh-body)}
@media(max-width:640px){nav.top{flex-wrap:wrap;row-gap:var(--s-4)}nav.top ul{display:flex;order:3;width:100%;justify-content:center;gap:var(--s-5)}nav.top .cta{margin-left:auto}nav.top ul a{font-size:var(--t-xs)}}

.skip{position:absolute;left:16px;top:-100px;padding:16px 24px;background:#F7F4EE;color:#292622;z-index:100}.skip:focus{top:16px;z-index:100}
nav.top a[aria-current="page"]{text-decoration:underline;text-underline-offset:var(--s-2)}