/* BW ACADEMY: Vortex Pull Page Transition v2
   The spiral is a real <img> injected by JS — no pseudo-elements.
   Keyframes are global so the JS can reference them by name.
*/

/* OUT: fade in → 3 rotations → fade out */
@keyframes bwaSpiralOut {
  0%   { opacity: 0;   transform: rotate(0deg);    }
  8%   { opacity: 1;   transform: rotate(43deg);   }
  85%  { opacity: 0.8; transform: rotate(918deg);  }
  100% { opacity: 0;   transform: rotate(1080deg); }
}

/* IN: pick up at 1080°, keep spinning forward, fade out */
@keyframes bwaSpiralIn {
  0%   { opacity: 0.8; transform: rotate(1080deg); }
  100% { opacity: 0;   transform: rotate(1260deg); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  @keyframes bwaSpiralOut { 0% { opacity:0; } 50% { opacity:0.8; } 100% { opacity:0; } }
  @keyframes bwaSpiralIn  { 0% { opacity:0.8; } 100% { opacity:0; } }
}