/* ====================================================================
   Page ground for article pages.

   Lifted verbatim from portfolio_css/partials/base.css, which only the
   home page loads. Article pages were sitting on a flat background colour
   while the home had this, so the two read as different sites.

   Kept as a copy rather than a shared import because the two stylesheet
   trees (portfolio_css for the home, old_css for posts) are separate and
   loaded independently. If the home ground changes, change it here too.
   ==================================================================== */

/* ---------- Page ground: a whispered variance of the hero's own fusion.
   Same technique as the Tiphareth ground — the full rich gradient recipe
   (not just soft radials), blurred + saturated, faded to near-nothing,
   fixed to the viewport so a 12k-px one-pager doesn't stretch it. Colors
   are the arch-hero's own desert palette (amber/gold) plus the site's
   sage ink for contrast, not Tiphareth's purple/magenta. ---------- */
body::before {
  content: "";
  position: fixed;
  inset: -12%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(95% 130% at 118% 32%, transparent 34%, rgba(230, 190, 130, 0.55) 46%, rgba(255, 230, 180, 0.30) 52%, transparent 64%),
    radial-gradient(130% 150% at 128% 8%, transparent 48%, rgba(210, 160, 90, 0.42) 60%, transparent 72%),
    radial-gradient(75% 95% at -6% 78%, rgba(59, 69, 61, 0.5) 0%, rgba(59, 69, 61, 0.22) 42%, transparent 66%),
    radial-gradient(125% 120% at 68% 42%, rgba(226, 180, 90, 0.32) 0%, transparent 68%),
    linear-gradient(150deg, #2e3730 0%, #55604a 28%, #8a7a4a 54%, #c9a45a 78%, #e8c877 100%);
  filter: blur(34px) saturate(1.15);
  opacity: var(--ground-fusion-opacity, 0.25);
}

/* soft radial washes floating above the faded ground */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(120vw 80vh at 12% -10%, rgba(210, 160, 90, 0.07), transparent 62%),
    radial-gradient(100vw 70vh at 88% 28%, rgba(59, 69, 61, 0.05), transparent 60%),
    radial-gradient(90vw 90vh at 45% 108%, rgba(230, 190, 130, 0.06), transparent 62%);
}

[theme="dark"] body::before {
  opacity: var(--ground-fusion-opacity, 0.16);
}

[theme="dark"] body::after {
  background:
    radial-gradient(120vw 80vh at 12% -10%, rgba(210, 160, 90, 0.09), transparent 62%),
    radial-gradient(100vw 70vh at 88% 28%, rgba(120, 160, 140, 0.06), transparent 60%),
    radial-gradient(90vw 90vh at 45% 108%, rgba(235, 200, 140, 0.07), transparent 62%);
}