/* Broccoli mic + smoke contrail (assets/js/mic-smoke.js). The draw-path line still runs (it drives the mic) but is invisible. */
/* Invisible from the very first paint (not via the JS class: a first orange paint could flash on long scroll jumps). */
.draw-path { opacity: 0 !important; filter: none !important; }
.draw-path__line, .draw-wrap.is-target-hover .draw-path__line { stroke: transparent !important; transition: none !important; }

/* Smoke canvas: same layer as the old line (z 20), so text, buttons and cards (z 21, fixes.css) stay readable on top */
.mic-smoke__canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 20; }

/* The mic itself flies above everything except the loader */
.mic-smoke__mic { position: fixed; left: 0; top: 0; width: 40px; height: 75px; pointer-events: none; z-index: 61; opacity: 0;
  transition: opacity .4s; will-change: transform; filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, .35)); user-select: none; }

/* While the mic is the cursor, the system cursor is hidden */
html.mic-is-cursor, html.mic-is-cursor * { cursor: none !important; }

/* Room left of the nav logo: the mic stands there, right beside the "b", until the page is scrolled */
.has-mic-smoke .site-nav__inner > a:first-child { margin-left: 44px; }
@media (max-width: 767px) { .has-mic-smoke .site-nav__inner > a:first-child { margin-left: 20px; } }