/* Контейнер сцены сайта: position:relative; isolation:isolate; overflow:clip.
   Фон — слой 0, декор — 2, женщина — 3, текст/CTA — 4.
   Значения положения здесь стартовые: сверить с реальным hero. */
.firebird-energy {
  position: absolute;
  left: var(--fbe-left, 4%);
  bottom: var(--fbe-bottom, 4%);
  width: var(--fbe-width, 42%);
  max-width: var(--fbe-max-width, 680px);
  aspect-ratio: 1;
  z-index: var(--fbe-z-index, 2);
  pointer-events: none;
  user-select: none;
  isolation: isolate;
}
.firebird-energy .fbe-motion {
  position: absolute;
  inset: 0;
  transform-origin: 68% 35%;
  animation: fbe-float 16s ease-in-out infinite;
}
.firebird-energy picture { display: block; position: absolute; }
.firebird-energy img { display: block; width: 100%; height: auto; }
.firebird-energy .fbe-trail {
  left: -30%;
  top: 23%;
  width: 105%;
  opacity: var(--fbe-trail-opacity, .52);
  transform-origin: 97% 10%;
  animation: fbe-wake 13s ease-in-out infinite;
}
.firebird-energy .fbe-bird {
  position: absolute;
  aspect-ratio: 3 / 2;
  left: 12%;
  top: 0;
  width: 88%;
  opacity: var(--fbe-bird-opacity, .96);
  filter: brightness(var(--fbe-bird-brightness, 1));
}
.firebird-energy .fbe-body,
.firebird-energy .fbe-wing { inset: 0; }
/* Complementary feathered masks isolate the wing using the same cached asset.
   A broad blend at the shoulder keeps the neck and head still. */
.firebird-energy .fbe-body {
  mask-image: radial-gradient(ellipse 28% 34% at 54% 23%, transparent 55%, #000 100%);
}
.firebird-energy .fbe-wing {
  mask-image: radial-gradient(ellipse 28% 34% at 54% 23%, #000 55%, transparent 100%);
  transform-origin: 78% 45%;
  animation: fbe-wing-breathe 6.5s ease-in-out infinite;
}
@keyframes fbe-wing-breathe {
  0%, 100% { transform: rotate(-.35deg) scaleY(.998); }
  50% { transform: rotate(.75deg) scaleY(1.012); }
}
@keyframes fbe-float {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
  50% { transform: translate3d(1px, -6px, 0) rotate(.35deg); }
}
@keyframes fbe-wake {
  0%, 100% { opacity: var(--fbe-trail-opacity, .52); transform: scale(1); }
  50% { opacity: calc(var(--fbe-trail-opacity, .52) * .78); transform: scale(1.015, .99); }
}
.firebird-energy[data-fbe-state="paused"] .fbe-motion,
.firebird-energy[data-fbe-state="paused"] .fbe-wing,
.firebird-energy[data-fbe-state="paused"] .fbe-trail { animation-play-state: paused; }
@media (max-width: 700px) {
  .firebird-energy {
    left: var(--fbe-mobile-left, -1%);
    bottom: var(--fbe-mobile-bottom, 3%);
    width: var(--fbe-mobile-width, 60%);
  }
  .firebird-energy .fbe-trail { --fbe-trail-opacity: .34; }
}
@media (prefers-reduced-motion: reduce) {
  .firebird-energy .fbe-motion,
  .firebird-energy .fbe-wing,
  .firebird-energy .fbe-trail { animation: none !important; }
}