/* Add custom CSS styles below */ 
  .hero-smoke{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
  .hero-smoke span{position:absolute;bottom:-30%;width:75%;height:160%;
    background:radial-gradient(circle,rgba(140,150,165,.55) 0%,rgba(140,150,165,0) 70%);
    filter:blur(24px);animation:smokeRise 12s ease-in-out infinite;will-change:transform,opacity}
  .hero-smoke span:nth-child(1){left:-15%}
  .hero-smoke span:nth-child(2){left:25%;width:85%;animation-duration:15s;animation-delay:-5s}
  .hero-smoke span:nth-child(3){left:55%;width:80%;animation-duration:13s;animation-delay:-2.5s}
  @keyframes smokeRise{
    0%{transform:translateY(0) translateX(0) scale(.9);opacity:0}
    20%{opacity:.9}
    55%{transform:translateY(-45%) translateX(4%) scale(1.25);opacity:.6}
    100%{transform:translateY(-95%) translateX(-5%) scale(1.5);opacity:0}
  }
  @media (prefers-reduced-motion: reduce){.hero-smoke span{animation:none;opacity:.2}}

#fluid{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}