.site-aurora {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background-color: var(--c-bg);
}

.site-aurora__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  -webkit-filter: blur(72px);
  transform: translate3d(0, 0, 0);
  opacity: 0.7;
}

.site-aurora__blob--terracotta {
  width: min(28rem, 72vw);
  height: min(28rem, 72vw);
  top: 6%;
  left: 4%;
  background: var(--c-blush);
  opacity: 0.64;
}

.site-aurora__blob--blue {
  width: min(34rem, 80vw);
  height: min(34rem, 80vw);
  top: 12%;
  right: 0;
  background: var(--c-accent-light);
  opacity: 0.72;
}

.site-aurora__blob--olive {
  width: min(26rem, 64vw);
  height: min(26rem, 64vw);
  bottom: 18%;
  left: 10%;
  background: var(--c-powder);
  opacity: 0.6;
}

.site-aurora__blob--sand {
  width: min(30rem, 70vw);
  height: min(30rem, 70vw);
  bottom: 4%;
  right: 8%;
  background: var(--c-mist);
  opacity: 0.66;
}

@media (min-width: 768px) {
  .site-aurora__blob {
    filter: blur(80px);
    -webkit-filter: blur(80px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-aurora__blob {
    filter: blur(48px);
    -webkit-filter: blur(48px);
    opacity: 0.45;
  }
}