.category-hero--aerial .category-artifact {
  position: absolute; z-index: -1; top: -9%; right: -5%; width: min(49vw, 720px); aspect-ratio: 1; pointer-events: none; opacity: .64;
}
.category-hero--aerial .category-artifact::before {
  content: ''; position: absolute; inset: 8%; border-radius: 50%;
  background: repeating-conic-gradient(from 4deg, rgba(255,237,202,.86) 0 1deg, transparent 1deg 10deg);
  -webkit-mask: radial-gradient(circle, transparent 0 20%, #000 21% 23%, transparent 24% 39%, #000 40% 42%, transparent 43% 56%, #000 57% 59%, transparent 60%);
  mask: radial-gradient(circle, transparent 0 20%, #000 21% 23%, transparent 24% 39%, #000 40% 42%, transparent 43% 56%, #000 57% 59%, transparent 60%);
  animation: ff-aerial-bloom 6.4s cubic-bezier(.16,1,.3,1) infinite;
}
.category-hero--aerial .category-artifact::after {
  content: ''; position: absolute; inset: 41%; border-radius: 50%; background: #fff4d8; box-shadow: 0 0 26px #ffbd79, 0 0 72px rgba(213,19,23,.9); animation: ff-aerial-core 6.4s ease-out infinite;
}
.category-hero--aerial .category-artifact i { --r: 0deg; --d: 250px; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #fff5dc; box-shadow: 0 0 9px #ffc685, 0 0 17px rgba(213,19,23,.8); animation: ff-aerial-spark 4.8s ease-out infinite; animation-delay: var(--delay, 0s); }
.category-hero--aerial .category-artifact i:nth-child(1) { --r: 8deg; --d: 255px; --delay: -1.2s; }.category-hero--aerial .category-artifact i:nth-child(2) { --r: 38deg; --d: 210px; --delay: -3.4s; }.category-hero--aerial .category-artifact i:nth-child(3) { --r: 68deg; --d: 280px; --delay: -.5s; }.category-hero--aerial .category-artifact i:nth-child(4) { --r: 98deg; --d: 235px; --delay: -2.8s; }.category-hero--aerial .category-artifact i:nth-child(5) { --r: 128deg; --d: 265px; --delay: -4.1s; }.category-hero--aerial .category-artifact i:nth-child(6) { --r: 158deg; --d: 205px; --delay: -1.9s; }.category-hero--aerial .category-artifact i:nth-child(7) { --r: 188deg; --d: 275px; --delay: -3.7s; }.category-hero--aerial .category-artifact i:nth-child(8) { --r: 218deg; --d: 225px; --delay: -.8s; }.category-hero--aerial .category-artifact i:nth-child(9) { --r: 248deg; --d: 260px; --delay: -2.2s; }.category-hero--aerial .category-artifact i:nth-child(10) { --r: 278deg; --d: 220px; --delay: -4.4s; }.category-hero--aerial .category-artifact i:nth-child(11) { --r: 308deg; --d: 270px; --delay: -1.5s; }.category-hero--aerial .category-artifact i:nth-child(12) { --r: 338deg; --d: 230px; --delay: -3.1s; }
@keyframes ff-aerial-bloom { 0%,16% { opacity: 0; transform: scale(.55) rotate(-8deg); } 35%,72% { opacity: .82; transform: scale(1) rotate(0); } 100% { opacity: 0; transform: scale(1.08) rotate(3deg); } }
@keyframes ff-aerial-core { 0%,18%,100% { opacity: 0; transform: scale(.3); } 28% { opacity: 1; transform: scale(1); } 55% { opacity: .25; transform: scale(1.7); } }
@keyframes ff-aerial-spark { 0%,12% { opacity: 0; transform: rotate(var(--r)) translateX(55px) scale(.2); } 28% { opacity: 1; } 75%,100% { opacity: 0; transform: rotate(var(--r)) translateX(var(--d)) scale(.75); } }
@media (max-width: 680px) { .category-hero--aerial .category-artifact { top: 11%; right: -48%; width: 132vw; opacity: .42; } }
@media (prefers-reduced-motion: reduce) { .category-hero--aerial .category-artifact::before { animation: none; opacity: .5; transform: scale(.92); } .category-hero--aerial .category-artifact::after, .category-hero--aerial .category-artifact i { animation: none; opacity: .35; } }