/* =========================
   JMPP METHOD – ghost nums + connector line
   ========================= */

/* Parent anchor for absolute positioning */
.jmpp-step{
  position: relative;
}

/* The number itself becomes the "ghost" */
.jmpp-step__num{
  position: relative;
  font-weight: 800;
  font-size: clamp(56px, 6vw, 96px);
  line-height: 1;
  letter-spacing: -0.02em;

  /* ghost look */
  color: rgba(0,0,0,0.05);   /* tweak darker/lighter */
  margin: 0 0 18px 0;
}

/* The subtle horizontal line to the right of the number */
.jmpp-method .jmpp-step:nth-child(3) .jmpp-step-num::after {
  display: none;
}

  /* vertical alignment relative to the number */
  top: 50%;
  transform: translateY(-50%);

  /* start just after the number */
  left: calc(100% + 24px);

  /* line length + thickness */
  width: 140px;
  height: 1px;

  background: rgba(0,0,0,0.10);
}

/* Hide the connector line on smaller screens */
@media (max-width: 768px){
  .jmpp-step__num::after{
    display: none;
  }
}
/* ===== JMPP METHOD: ghost number + line ===== */

/* Make each step/card a positioning context */
.jmpp-method-step{
  position: relative;
}

/* The number itself */
.jmpp-method-step .jmpp-step-num{
  position: relative;
  display: inline-block;
  line-height: 1;
  font-weight: 800;
}

/* The line to the right of the number (anchored to the number block) */
.jmpp-method-step .jmpp-step-num::after{
  content: "";
  position: absolute;
  left: calc(100% + 16px);
  top: 50%;
  transform: translateY(-50%);
  width: 110px;          /* adjust length */
  height: 1px;
  background: rgba(0,0,0,0.10);
}

/* Ghost number behind (uses the number text itself) */
.jmpp-method-step .jmpp-step-num::before{
  content: attr(data-num);
  position: absolute;
  left: -10px;
  top: -34px;
  font-size: 96px;       /* adjust ghost size */
  font-weight: 800;
  line-height: 1;
  color: rgba(0,0,0,0.05);  /* ghost opacity */
  z-index: -1;
  pointer-events: none;
}

/* Hide the line on mobile if it gets weird */
@media (max-width: 767px){
  .jmpp-method-step .jmpp-step-num::after{
    display:none;
  }
}