.yk-process-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 40px clamp(32px, 6vw, 100px);
  align-items: start;
}

.yk-process-heading {
  position: sticky;
  top: 12vh;
}

/* In one column, keep the heading below the navigation and mask passing steps. */
@media (max-width: 899px) {
  .yk-process-layout {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .yk-process-heading {
    top: 56px;
    z-index: 20;
    align-self: stretch;
    margin-left: -10px;
    padding: 12px 0 16px 10px;
    background: var(--bg2, #141614);
    border-bottom: 1px solid rgba(var(--inkrgb, 243, 240, 232), .2);
  }

  .yk-process-heading > div {
    margin-bottom: 10px !important;
  }

  .yk-process-heading h2 {
    font-size: clamp(36px, 6vw, 48px) !important;
  }

  .yk-process-steps {
    width: 100%;
    padding-top: 4px;
  }
}