.particle-brain {
  --brain-center-x: 48.7%;
  position: absolute;
  z-index: 2;
  left: var(--brain-center-x);
  width: 31.5%;
  aspect-ratio: 1.32;
  overflow: hidden;
  pointer-events: none;
  transform: translate(-50%, -50%);
  isolation: isolate;
  contain: layout paint;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0 82%, rgba(0, 0, 0, 0.96) 91%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 0 82%, rgba(0, 0, 0, 0.96) 91%, transparent 100%);
}

.particle-brain--full {
  top: 21.7%;
}

.particle-brain--slice {
  top: 34.1%;
}

.particle-brain::before {
  display: none;
}

.particle-brain__canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  filter:
    drop-shadow(0 0 5px rgba(231, 178, 28, 0.2))
    drop-shadow(0 5px 10px rgba(67, 34, 100, 0.16));
}

@media (max-width: 767px) {
  .particle-brain--full {
    display: none;
  }

  .particle-brain--slice {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .particle-brain__canvas {
    filter: drop-shadow(0 6px 10px rgba(33, 29, 72, 0.14));
  }
}