/* ═══════════════════════════════════════════════════════════════════
   Стабилизация фонового свечения (.aurora) — finargot.ru

   В style.css пятна анимируются вместе с filter:blur(90px), причём в
   кадрах меняется scale. Из-за масштабирования браузер пересчитывает
   размытие на каждом кадре: на слабых видеокартах фон заметно дрожит
   («мерцает»). Здесь пятна двигаются только трансляцией — размытая
   картинка кэшируется и просто сдвигается композитором, нагрузка
   падает до нуля, а живой фон сохраняется.

   Файл отдельный и подключается в base.html ПОСЛЕ style.css, чтобы
   пересборка Tailwind не затёрла правку.
   ═══════════════════════════════════════════════════════════════════ */

@keyframes drift-a-lite{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-7vw,6vh,0)}
}
@keyframes drift-b-lite{
  from{opacity:.4;transform:translate3d(0,0,0)}
  to{opacity:.3;transform:translate3d(9vw,-7vh,0)}
}
@keyframes drift-c-lite{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-10vw,-5vh,0)}
}

.aurora .a1{animation-name:drift-a-lite}
.aurora .a2{animation-name:drift-b-lite}
.aurora .a3{animation-name:drift-c-lite}

/* 72px вместо 90px: визуально то же мягкое пятно, но дешевле в отрисовке */
.aurora span{filter:blur(72px)}

@media (prefers-reduced-motion:reduce){
  .aurora span{animation:none}
}