/* Brand-gradient treatment for the closing CTA band, shared by every page that
   has one. The band already carries a flat red radial; this adds the full
   plum -> crimson -> amber ramp so the page closes on brand colour instead of
   near-black, without putting a solid gradient behind gradient-clipped text.

   isolation:isolate makes the section its own stacking context, so the aura can
   sit at z-index -1 (above the section's own background, behind all content)
   without escaping into the page. */

[data-finalcta] {
  isolation: isolate;
}

/* wide, soft brand aura rising from the bottom of the band */
[data-finalcta]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -38%;
  width: min(1600px, 160vw);
  aspect-ratio: 2 / 1;
  transform: translateX(-50%);
  background:
    radial-gradient(42% 56% at 24% 62%, rgba(142, 34, 73, .1), transparent 70%),
    radial-gradient(38% 54% at 50% 46%, rgba(200, 82, 82, .16), transparent 72%),
    radial-gradient(40% 56% at 76% 62%, rgba(229, 139, 72, .13), transparent 70%),
    radial-gradient(30% 44% at 88% 52%, rgba(242, 206, 74, .08), transparent 72%);

  filter: blur(58px);
  z-index: -1;
  pointer-events: none;
}

/* light theme: the same ramp reads far too hot on a white ground */
:root[data-theme="light"] [data-finalcta]::after {
  opacity: .22;
  filter: blur(70px);
}

@media (prefers-reduced-motion: reduce) {
  [data-finalcta]::after {
    filter: blur(58px);
  }
}