/* hero-bee.css — particle aura halo behind the hero bee logo
   Scope: only .hero-bee-wrap / .hero-bee-aura. Does NOT touch other selectors. */

.hero-bee-wrap {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Header logo aura DISABLED — was rendering as a visible cyan square behind
   the small 52px bee. WebGL particle field needs a LARGE bee to look right.
   Selector kept defined for future large hero bee placement. */
.hero-bee-aura {
  display: none;
}

.hero-bee-wrap > img,
.hero-bee-wrap > picture,
.hero-bee-wrap > svg {
  position: relative;
  z-index: 2;
}