.category-hero--events .category-artifact { position: absolute; z-index: -1; right: 0; bottom: 0; width: 48%; height: 82%; overflow: hidden; pointer-events: none; opacity: .5; }
.category-hero--events .category-artifact::before { content: ''; position: absolute; inset: 8% 0 0; background: linear-gradient(112deg, transparent 5%, rgba(213,19,23,.17) 32%, transparent 33% 48%, rgba(255,220,180,.16) 49%, transparent 70%); animation: ff-events-sweep 8s ease-in-out infinite alternate; }
.category-hero--events .category-artifact::after { content: ''; position: absolute; right: 16%; top: 22%; width: 46%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(255,237,211,.24), rgba(213,19,23,.1) 34%, transparent 68%); animation: ff-events-pulse 5.6s ease-in-out infinite; }
.category-hero--events .category-artifact i { --x: 50%; --h: 38%; --delay: 0s; position: absolute; left: var(--x); bottom: 9%; width: 2px; height: var(--h); transform-origin: 50% 100%; background: linear-gradient(to top, rgba(255,239,215,.8), rgba(213,19,23,.35), transparent); animation: ff-events-beam 3.6s ease-in-out infinite; animation-delay: var(--delay); }
.category-hero--events .category-artifact i:nth-child(1) { --x: 19%; --h: 28%; --delay: -.3s; }.category-hero--events .category-artifact i:nth-child(2) { --x: 27%; --h: 43%; --delay: -1.8s; }.category-hero--events .category-artifact i:nth-child(3) { --x: 35%; --h: 57%; --delay: -2.7s; }.category-hero--events .category-artifact i:nth-child(4) { --x: 44%; --h: 36%; --delay: -1.1s; }.category-hero--events .category-artifact i:nth-child(5) { --x: 53%; --h: 64%; --delay: -3.2s; }.category-hero--events .category-artifact i:nth-child(6) { --x: 62%; --h: 48%; --delay: -.7s; }.category-hero--events .category-artifact i:nth-child(7) { --x: 71%; --h: 69%; --delay: -2.2s; }.category-hero--events .category-artifact i:nth-child(8) { --x: 80%; --h: 42%; --delay: -1.4s; }.category-hero--events .category-artifact i:nth-child(9) { --x: 89%; --h: 55%; --delay: -3.4s; }.category-hero--events .category-artifact i:nth-child(n+10) { display: none; }
@keyframes ff-events-beam { 0%,100% { opacity: .14; transform: scaleY(.28); } 50% { opacity: .8; transform: scaleY(1); } }
@keyframes ff-events-pulse { 0%,100% { opacity: .2; transform: scale(.84); } 50% { opacity: .72; transform: scale(1.08); } }
@keyframes ff-events-sweep { from { transform: translateX(18%) skewX(-6deg); } to { transform: translateX(-10%) skewX(4deg); } }
@media (max-width: 680px) { .category-hero--events .category-artifact { width: 76%; opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .category-hero--events .category-artifact::before, .category-hero--events .category-artifact::after, .category-hero--events .category-artifact i { animation: none; opacity: .28; } }