/* Hero variant switcher (client review) — loaded by index.html and hero-a/b/c.html.
   Remove with the variant pages once a hero is chosen. */
.variant-bar {
  position: fixed; left: 50%; bottom: 16px; z-index: 100;
  translate: -50% 0;
  display: flex; gap: 4px; padding: 4px;
  border-radius: var(--pill);
  background: color-mix(in srgb, var(--c-bg) 85%, transparent);
  border: var(--rule) solid var(--c-rule);
  backdrop-filter: blur(8px);
  font: 600 var(--fs-caption) / 1 var(--f-body);
  white-space: nowrap;
}
.variant-bar a { padding: 9px 12px; border-radius: var(--pill); color: var(--c-cream); text-decoration: none; }
.variant-bar a[aria-current] { background: var(--c-gold); color: var(--c-ink); }