.topbar {
  position: fixed;
  top: clamp(0.75rem, 2svh, 1.125rem);
  left: 50%;
  z-index: 30;
  display: grid;
  width: min(
    var(--topbar-max),
    calc(100% - var(--page-gutter) - var(--page-gutter))
  );
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(0.75rem, 1.4vw, 1.25rem);
  padding:
    clamp(0.5rem, 0.75vw, 0.625rem)
    clamp(0.625rem, 1.1vw, 1.125rem);
  border: 2px solid rgba(21, 24, 33, 0.86);
  border-radius: 7px;
  background: rgba(255, 254, 249, 0.8);
  box-shadow: 6px 6px 0 rgba(21, 24, 33, 0.14);
  backdrop-filter: blur(18px) saturate(1.2);
  transform: translateX(-50%);
}

section,
#consultation {
  scroll-margin-top: var(--header-offset);
}

.brand {
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: 0;
}

.nav-links {
  display: flex;
  justify-content: center;
  gap: clamp(0.125rem, 0.3vw, 0.25rem);
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 700;
}

.nav-links a {
  padding:
    clamp(0.45rem, 0.65vw, 0.5625rem)
    clamp(0.55rem, 0.85vw, 0.75rem);
  border-radius: 4px;
}

.nav-links a:hover {
  background: var(--cobalt-soft);
  color: var(--ink);
}

.topbar-cta,