/* Eyebrow — the page-wide section label: the brand asterisk (from the logo strip) turning slowly,
   then the label in Montserrat caps. Markup: <span class="ebx …"><svg class="ebx-star">…</svg>Label</span>
   Picked 2026-09-25 from five trials (dot, pill, rule, index, asterisk) and five asterisk variations. */
.ebx { display: inline-flex; align-items: center; gap: 12px; font-family: var(--font-label); font-weight: 600; font-size: var(--fs-label);
  letter-spacing: .16em; text-transform: uppercase; line-height: 1; color: var(--text); }
.ebx-star { flex: none; display: block; width: 16px; height: 16px; color: var(--accent); animation: ebx-spin 14s linear infinite; }
@keyframes ebx-spin { to { transform: rotate(360deg); } }
.vid__eyebrow.ebx { color: #fff; }                    /* sits on the video in both themes */
.vid__eyebrow.ebx .ebx-star { color: var(--brand); }
@media (prefers-reduced-motion: reduce) { .ebx-star { animation: none; } }