/* Navbar (founder 2026-11-16): sticky on every size; on phones a hamburger opens a full menu. */
.topbar { position: sticky; top: 0; z-index: 60; background: rgba(246,247,248,.86); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); transition: box-shadow .25s; }
.topbar.scrolled { box-shadow: 0 1px 0 rgba(10,10,12,.06), 0 10px 24px -18px rgba(10,20,60,.35); }
.topbar .menu a[aria-current] { color: var(--ink); }
.hamb { display: none; width: 42px; height: 42px; border: 0; border-radius: 11px; background: #fff; box-shadow: inset 0 0 0 1px rgba(10,10,12,.12); cursor: pointer; position: relative; flex: none; }
.hamb span { position: absolute; left: 12px; right: 12px; height: 2px; border-radius: 2px; background: var(--ink); transition: transform .3s ease, top .3s ease; }
.hamb span:first-child { top: 16px; } .hamb span:last-child { top: 24px; }
.hamb[aria-expanded="true"] span:first-child { top: 20px; transform: rotate(45deg); }
.hamb[aria-expanded="true"] span:last-child { top: 20px; transform: rotate(-45deg); }
.mnav { position: fixed; left: 0; right: 0; top: 60px; bottom: 0; z-index: 59; background: rgba(246,247,248,.98); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  padding: 20px 20px 32px; display: flex; flex-direction: column; justify-content: space-between; opacity: 0; transform: translateY(-8px); transition: opacity .25s ease, transform .3s ease; }
.mnav[hidden] { display: none; }
.mnav.open { opacity: 1; transform: none; }
.mnav nav { display: grid; }
.mnav nav a { padding: 18px 2px; border-bottom: 1px solid var(--line); font: 600 28px/1.1 var(--serif); letter-spacing: -.02em; color: var(--ink); }
.mnav nav a[aria-current] { color: var(--cobalt-text); }
.mnav-acts { display: grid; gap: 10px; }
.mnav-acts .hb { justify-content: center; height: 52px; font-size: 16px; }
body.nav-open { overflow: hidden; }
/* deck pins under the sticky bar */
html.motion .deckscroll .pin { top: 68px; height: calc(100vh - 68px); }
@media (max-width: 860px) {
  .topbar .acts { display: none; }
  .topbar .hamb { display: block; margin-left: auto; }
}
@media (min-width: 641px) { .mnav { top: 68px; } }