.category-hero--holi .category-artifact { position: absolute; z-index: -1; inset: 0 0 0 40%; overflow: hidden; pointer-events: none; opacity: .6; mix-blend-mode: screen; }
.category-hero--holi .category-artifact::before, .category-hero--holi .category-artifact::after, .category-hero--holi .category-artifact i { position: absolute; width: 42%; aspect-ratio: 1; border-radius: 49% 51% 44% 56%; filter: blur(16px); animation: ff-holi-cloud 9s ease-in-out infinite alternate; }
.category-hero--holi .category-artifact::before { content: ''; right: 2%; top: 5%; background: radial-gradient(circle at 46% 48%, rgba(255,32,45,.76), transparent 66%); }
.category-hero--holi .category-artifact::after { content: ''; right: 38%; bottom: 4%; background: radial-gradient(circle at 52% 46%, rgba(45,82,255,.68), transparent 66%); animation-delay: -4.5s; }
.category-hero--holi .category-artifact i:nth-child(1) { right: 27%; top: 20%; background: radial-gradient(circle, rgba(255,202,164,.72), transparent 66%); animation-delay: -2s; }.category-hero--holi .category-artifact i:nth-child(2) { right: -7%; bottom: 15%; background: radial-gradient(circle, rgba(115,60,255,.66), transparent 66%); animation-delay: -7s; }.category-hero--holi .category-artifact i:nth-child(3) { right: 51%; top: 2%; width: 30%; background: radial-gradient(circle, rgba(217,19,62,.58), transparent 66%); animation-delay: -5s; }.category-hero--holi .category-artifact i:nth-child(4) { right: 16%; top: 51%; width: 27%; background: radial-gradient(circle, rgba(255,225,192,.54), transparent 66%); animation-delay: -3.2s; }.category-hero--holi .category-artifact i:nth-child(n+5) { display: none; }
@keyframes ff-holi-cloud { 0% { opacity: .28; transform: translate3d(-6%,8%,0) scale(.78) rotate(-6deg); } 55% { opacity: .85; } 100% { opacity: .44; transform: translate3d(9%,-8%,0) scale(1.2) rotate(7deg); } }
@media (max-width: 680px) { .category-hero--holi .category-artifact { left: 25%; opacity: .36; } }
@media (prefers-reduced-motion: reduce) { .category-hero--holi .category-artifact::before, .category-hero--holi .category-artifact::after, .category-hero--holi .category-artifact i { animation: none; opacity: .34; } }