#homePage .hero {
  isolation: isolate;
}

/* Měkká nepravidelná hranice mezi stavbou a hotovým domovem. */
#homePage .hero::after {
  background:
    radial-gradient(ellipse 12% 18% at 49% 91%, rgba(10, 17, 12, .70) 0 58%, transparent 72%),
    linear-gradient(90deg, rgba(10, 17, 12, .86) 0 40%, rgba(10, 17, 12, .68) 45%, transparent 55%),
    linear-gradient(180deg, rgba(0, 0, 0, .16), transparent 38%, rgba(10, 14, 11, .20));
}

#homePage .hero .cvs-dust-canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .72;
  mix-blend-mode: screen;
}

@media (max-width: 700px) {
  #homePage .hero .cvs-dust-canvas { opacity: .54; }
  #homePage .hero::after {
    background:
      linear-gradient(180deg, rgba(10, 16, 12, .10) 0%, rgba(10, 16, 12, .20) 28%, rgba(10, 16, 12, .93) 46%, rgba(10, 16, 12, .86) 64%, rgba(10, 16, 12, .28) 100%),
      linear-gradient(90deg, rgba(10, 16, 12, .76) 0%, rgba(10, 16, 12, .38) 58%, rgba(10, 16, 12, .08) 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  #homePage .hero .cvs-dust-canvas { display: none; }
}