.particle-icon > .particle-cloud {
  position: absolute;
  inset: auto;
  pointer-events: none;
}

.original-section--11 .particle-cloud {
  filter: brightness(.39) saturate(.85);
}

.beam-art {
  position: relative;
  isolation: isolate;
  align-self: center;
  width: min(100%, 540px);
  margin-inline: auto;
}

.beam-art > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
}

.beam-glow {
  position: absolute;
  /* Lens center in the original 980 × 653 image, at approximately (160, 508). */
  left: 16.33%;
  top: 77.79%;
  width: 8%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, #fff2c6 0%, rgba(255, 211, 134, .55) 12%, rgba(255, 192, 100, .2) 35%, transparent 68%);
  mix-blend-mode: screen;
  opacity: .43;
  pointer-events: none;
  animation: beam-breathe 4.8s ease-in-out infinite alternate paused;
}

.beam-active > .beam-glow {
  animation-play-state: running;
}

@keyframes beam-breathe {
  from { opacity: .30; }
  to { opacity: .68; }
}

@media (prefers-reduced-motion: reduce) {
  .particle-cloud {
    display: none;
  }

  .beam-glow {
    animation: none;
  }
}

.particle-icon.overview-illustration > img {
  opacity: var(--illustration-opacity, 1);
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .particle-icon.overview-illustration > img {
    opacity: 1;
  }
}