/* navigation */
.site-nav {
      position: sticky;
      top: 0;
      z-index: 30;
      background: color-mix(in srgb, var(--surface) 92%, transparent);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border);
    }

    .nav-inner {
      width: min(1180px, calc(100% - 40px));
      height: 74px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 900;
    }

    .brand img {
      width: 142px;
      height: auto;
      max-height: 52px;
      object-fit: contain;
      border-radius: 0;
    }

    .nav-links {
      position: relative;
      display: flex;
      align-items: center;
      gap: 28px;
      color: var(--muted);
      font-size: 15px;
      font-weight: 700;
      white-space: nowrap;
    }

    .nav-links > a:last-child {
      color: #fff;
      background: var(--accent);
      padding: 12px 18px;
      border-radius: 999px;
    }

    .nav-more-toggle,
    .nav-more-menu { display: none; }