/* Artwork belongs only to the shared next-step card. */
.page-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.page-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("assets/conversation-sketch.webp") right center / cover no-repeat;
  opacity: .38;
  filter: grayscale(1) invert(1);
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(90deg, transparent 15%, #000 72%);
  mask-image: linear-gradient(90deg, transparent 15%, #000 72%);
}
:root[data-theme="light"] .page-cta::before {
  opacity: .5;
  filter: none;
  mix-blend-mode: multiply;
}
.page-cta h2 { max-width: min(760px, 72%); }
.page-cta p { max-width: min(650px, 65%); }
@media (max-width: 680px) {
  .page-cta h2, .page-cta p { max-width: 100%; }
  .page-cta::before {
    background-size: auto 65%;
    background-position: right bottom;
    -webkit-mask-image: linear-gradient(180deg, transparent 8%, #000 95%);
    mask-image: linear-gradient(180deg, transparent 8%, #000 95%);
    opacity: .24;
  }
  :root[data-theme="light"] .page-cta::before { opacity: .3; }
}