/* Quiet colour on the existing article panel. No time-based animation. */
.about-article {
  --article-violet-x: 16%;
  --article-violet-y: 18%;
  --article-blue-x: 84%;
  --article-blue-y: 72%;
  --article-peach-x: 76%;
  --article-peach-y: 16%;
  background-image:
    radial-gradient(ellipse 76% 92% at var(--article-violet-x) var(--article-violet-y), rgba(139, 116, 221, .078), rgba(139, 116, 221, 0) 73%),
    radial-gradient(ellipse 74% 88% at var(--article-blue-x) var(--article-blue-y), rgba(102, 140, 218, .063), rgba(102, 140, 218, 0) 73%),
    radial-gradient(ellipse 78% 96% at var(--article-peach-x) var(--article-peach-y), rgba(245, 179, 145, .12), rgba(245, 179, 145, 0) 75%);
}

@media (prefers-reduced-motion: reduce) {
  .about-article {
    --article-violet-x: 16% !important;
    --article-violet-y: 18% !important;
    --article-blue-x: 84% !important;
    --article-blue-y: 72% !important;
    --article-peach-x: 76% !important;
    --article-peach-y: 16% !important;
  }
}