.spooky-hero-smoke{position:fixed;overflow:hidden;pointer-events:none;z-index:40;}
.spooky-hero-smoke__puff{position:absolute;border-radius:50%;filter:blur(30px);mix-blend-mode:screen;}
.spooky-hero-smoke__puff--1{background:radial-gradient(circle,rgba(224,210,180,0.8) 0%,transparent 70%);width:55%;height:120%;top:-15%;left:-10%;animation:spookyHeroSmokeA 14s ease-in-out infinite;}
.spooky-hero-smoke__puff--2{background:radial-gradient(circle,rgba(140,40,60,0.75) 0%,transparent 70%);width:50%;height:110%;top:-5%;right:-10%;animation:spookyHeroSmokeB 17s ease-in-out infinite;}
.spooky-hero-smoke__puff--3{background:radial-gradient(circle,rgba(90,25,45,0.85) 0%,transparent 75%);width:65%;height:85%;bottom:-20%;left:15%;animation:spookyHeroSmokeC 20s ease-in-out infinite;}
.spooky-hero-smoke__puff--4{background:radial-gradient(circle,rgba(224,210,180,0.6) 0%,transparent 70%);width:40%;height:95%;top:10%;left:35%;animation:spookyHeroSmokeD 12s ease-in-out infinite;}
.spooky-hero-smoke__puff--5{background:radial-gradient(circle,rgba(199,56,71,0.6) 0%,transparent 70%);width:45%;height:100%;bottom:-10%;right:5%;animation:spookyHeroSmokeE 16s ease-in-out infinite;}
@keyframes spookyHeroSmokeA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(10%,6%) scale(1.18);}}
@keyframes spookyHeroSmokeB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-12%,-5%) scale(1.15);}}
@keyframes spookyHeroSmokeC{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-8%,7%) scale(1.2);}}
@keyframes spookyHeroSmokeD{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(6%,-8%) scale(1.12);}}
@keyframes spookyHeroSmokeE{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-6%,6%) scale(1.16);}}
@media (prefers-reduced-motion: reduce){
  .spooky-hero-smoke__puff{animation:none!important;}
}