.category-hero--smoke .category-artifact { position: absolute; z-index: -1; inset: 0 0 0 42%; overflow: hidden; pointer-events: none; opacity: .58; mix-blend-mode: screen; }
.category-hero--smoke .category-artifact::before, .category-hero--smoke .category-artifact::after, .category-hero--smoke .category-artifact i { position: absolute; width: 46%; aspect-ratio: 1.35; border-radius: 48% 52% 43% 57%; filter: blur(22px); animation: ff-smoke-drift 12s ease-in-out infinite alternate; }
.category-hero--smoke .category-artifact::before { content: ''; right: 1%; top: 8%; background: radial-gradient(circle at 42% 48%, rgba(229,29,34,.7), transparent 67%); }
.category-hero--smoke .category-artifact::after { content: ''; right: 24%; bottom: 3%; background: radial-gradient(circle at 50% 50%, rgba(79,104,255,.62), transparent 67%); animation-delay: -5s; }
.category-hero--smoke .category-artifact i { display: block; background: radial-gradient(circle at 50% 50%, rgba(255,219,191,.47), transparent 68%); }
.category-hero--smoke .category-artifact i:nth-child(1) { right: 33%; top: 19%; animation-delay: -2s; }.category-hero--smoke .category-artifact i:nth-child(2) { right: -5%; bottom: 10%; background: radial-gradient(circle, rgba(199,42,96,.48), transparent 68%); animation-delay: -8s; }.category-hero--smoke .category-artifact i:nth-child(3) { right: 12%; top: 39%; width: 31%; background: radial-gradient(circle, rgba(255,150,105,.42), transparent 68%); animation-delay: -4s; }.category-hero--smoke .category-artifact i:nth-child(n+4) { display: none; }
@keyframes ff-smoke-drift { 0% { opacity: .3; transform: translate3d(-5%,8%,0) scale(.82) rotate(-5deg); } 58% { opacity: .82; } 100% { opacity: .42; transform: translate3d(8%,-7%,0) scale(1.18) rotate(7deg); } }
@media (max-width: 680px) { .category-hero--smoke .category-artifact { left: 35%; opacity: .36; } }
@media (prefers-reduced-motion: reduce) { .category-hero--smoke .category-artifact::before, .category-hero--smoke .category-artifact::after, .category-hero--smoke .category-artifact i { animation: none; opacity: .38; } }