/* A cinematic, scroll-responsive color field behind the site content. */
html:not(.miovie-admin) body {
  --miovie-ambient-lime-x: 14%;
  --miovie-ambient-lime-y: 8%;
  --miovie-ambient-teal-x: 88%;
  --miovie-ambient-teal-y: 82%;
  --miovie-ambient-warm-x: 78%;
  --miovie-ambient-warm-y: 16%;
  background-image:
    radial-gradient(ellipse 46rem 36rem at var(--miovie-ambient-lime-x) var(--miovie-ambient-lime-y), color-mix(in srgb, var(--t-accent, var(--accent, #dfff35)) 14%, transparent), transparent 72%),
    radial-gradient(ellipse 52rem 42rem at var(--miovie-ambient-teal-x) var(--miovie-ambient-teal-y), color-mix(in srgb, #00b99a 9%, transparent), transparent 74%),
    radial-gradient(ellipse 40rem 34rem at var(--miovie-ambient-warm-x) var(--miovie-ambient-warm-y), color-mix(in srgb, #b3d82f 5%, transparent), transparent 76%) !important;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
}

/* The home hero uses full-bleed artwork, so give its image a separate soft glow. */
.hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .82;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse 46rem 35rem at var(--miovie-ambient-lime-x, 18%) var(--miovie-ambient-lime-y, 8%), color-mix(in srgb, var(--t-accent, var(--accent, #dfff35)) 24%, transparent), transparent 72%),
    radial-gradient(ellipse 50rem 40rem at var(--miovie-ambient-teal-x, 88%) var(--miovie-ambient-teal-y, 78%), color-mix(in srgb, #00b99a 18%, transparent), transparent 74%),
    radial-gradient(ellipse 36rem 30rem at var(--miovie-ambient-warm-x, 78%) var(--miovie-ambient-warm-y, 16%), color-mix(in srgb, #b3d82f 10%, transparent), transparent 76%);
}

@media (max-width: 700px) {
  html:not(.miovie-admin) body {
    background-image:
      radial-gradient(ellipse 32rem 28rem at var(--miovie-ambient-lime-x) var(--miovie-ambient-lime-y), color-mix(in srgb, var(--t-accent, var(--accent, #dfff35)) 12%, transparent), transparent 74%),
      radial-gradient(ellipse 34rem 30rem at var(--miovie-ambient-teal-x) var(--miovie-ambient-teal-y), color-mix(in srgb, #00b99a 8%, transparent), transparent 76%),
      radial-gradient(ellipse 28rem 24rem at var(--miovie-ambient-warm-x) var(--miovie-ambient-warm-y), color-mix(in srgb, #b3d82f 4%, transparent), transparent 78%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not(.miovie-admin) body {
    background-attachment: fixed !important;
  }
}

/* Keep the social area cinematic and calm; avoid the broad olive cast on its cards. */
html:has(.community-page) body {
  background-color:#090b0d !important;
  background-image:
    radial-gradient(ellipse 42rem 31rem at 5% 2%,rgba(129,170,45,.075),transparent 72%),
    radial-gradient(ellipse 48rem 38rem at 96% 34%,rgba(25,125,112,.055),transparent 74%),
    radial-gradient(ellipse 35rem 28rem at 58% 100%,rgba(112,137,48,.035),transparent 76%) !important;
  background-attachment:fixed !important;
}