.hero-fx{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  pointer-events:none;
  mix-blend-mode:screen;
  filter:saturate(1.18);
}
.hero-grain{z-index:1}
@media (max-width:700px){.hero-fx{display:none}}
@media (prefers-reduced-motion:reduce){.hero-fx{opacity:.45}}