.home-cursor-aura {
  --aura-rgb: 48, 137, 237;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  width: min(780px, 94vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--aura-rgb), .135) 0%, rgba(var(--aura-rgb), .075) 34%, rgba(var(--aura-rgb), 0) 72%);
  opacity: 0;
  transform: translate3d(-1000px, -1000px, 0) translate(-50%, -50%);
  transition: opacity .55s ease;
  pointer-events: none;
  will-change: transform, opacity;
}

.home-cursor-aura.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .home-cursor-aura {
    display: none;
  }
}