body:not(.project-page) {
  background-image:
    radial-gradient(ellipse 65vw 70vh at -8% 12%, rgba(126, 170, 149, .24), transparent 72%),
    radial-gradient(ellipse 60vw 65vh at 106% 28%, rgba(146, 176, 195, .20), transparent 72%),
    radial-gradient(ellipse 65vw 60vh at 50% 108%, rgba(210, 181, 137, .16), transparent 72%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body.project-page {
  background-image:
    radial-gradient(ellipse 65vw 70vh at -8% 12%, rgba(75, 124, 104, .13), transparent 72%),
    radial-gradient(ellipse 60vw 65vh at 106% 28%, rgba(90, 123, 153, .12), transparent 72%),
    radial-gradient(ellipse 65vw 60vh at 50% 108%, rgba(164, 132, 87, .08), transparent 72%);
}
@media (max-width: 760px) {
  body:not(.project-page) {
    background-image:
      radial-gradient(ellipse 95vw 65vh at -20% 8%, rgba(126, 170, 149, .19), transparent 72%),
      radial-gradient(ellipse 90vw 70vh at 115% 75%, rgba(146, 176, 195, .16), transparent 72%);
  }
  body.project-page {
    background-image:
      radial-gradient(ellipse 95vw 65vh at -20% 8%, rgba(75, 124, 104, .10), transparent 72%),
      radial-gradient(ellipse 90vw 70vh at 115% 75%, rgba(90, 123, 153, .09), transparent 72%);
  }
}
@media print, (forced-colors: active), (prefers-contrast: more) {
  body:not(.project-page), body.project-page { background-image: none; }
}