/* ---------- dark hero rollout A (9 Oct): money pages, services, pricing, catch-up ----------
   Base rules live in home.css (".hero-d.inner"). These only touch the four templates below. */

/* The sky glows and the grain stop 300px above the hero's bottom edge; without a fade they end
   in a hard horizontal seam across the window. Fade them out over their last 220px. */
:is(.page-template-page-money,.page-template-page-services,.page-template-page-pricing,.page-template-page-catch-up) .hero-d.inner:has(.mock) .hd-sky,
:is(.page-template-page-money,.page-template-page-services,.page-template-page-pricing,.page-template-page-catch-up) .hero-d.inner:has(.mock):after{
  -webkit-mask-image:linear-gradient(#000 calc(100% - 220px),transparent);
          mask-image:linear-gradient(#000 calc(100% - 220px),transparent)}

/* When the next section is a grey band, end the fade on the band's grey, not on white. */
:is(.page-template-page-money,.page-template-page-services,.page-template-page-pricing,.page-template-page-catch-up) .hero-d.inner:has(.mock):has(+ .band){
  --hd-end:var(--bg-2)}

/* Inner heroes are short, so the homepage's central glow (centred 62% down a 760px layer) lands
   right behind the fine print. Soften its core so the fine print keeps AA over it. */
:is(.page-template-page-money,.page-template-page-services,.page-template-page-pricing,.page-template-page-catch-up) .hero-d.inner:before{
  background:radial-gradient(680px 280px at 50% 76%,rgba(200,240,90,.13),transparent 70%),radial-gradient(460px 280px at 14% 40%,rgba(78,107,0,.20),transparent 70%),radial-gradient(460px 280px at 86% 34%,rgba(78,107,0,.16),transparent 70%)}
:is(.page-template-page-money,.page-template-page-services,.page-template-page-pricing,.page-template-page-catch-up) .hero-d.inner .fine{color:#CED3C4}

/* The caption now sits on its own solid strip (home.css, 13 Oct), so it needs no extra clearance. */
:is(.page-template-page-money,.page-template-page-services,.page-template-page-pricing,.page-template-page-catch-up) .hero-d.inner .mock > .illus{color:var(--ink)}

/* The top float sat over the window bar and hid its SAMPLE · DEMO STORE badge.
   Pricing: drop it into the window's empty right column. Catch-up: lift it clear of the window. */
.page-template-page-pricing .hero-d .mock > .float:not(.float-b){top:112px}
.page-template-page-catch-up .hero-d .mock > .float:not(.float-b){top:-176px}