/*
  Desktop/laptop process behaviour:
  The left introduction remains fixed within the Process section while
  the process cards on the right continue moving with normal page scroll.
  Tablet and mobile layouts retain the original stacked behaviour.
*/
@media (min-width:1051px){
  html,body{overflow-x:clip}

  /* The original theme used overflow:hidden, which prevented sticky positioning. */
  #process{overflow:visible}

  #process .process-layout{
    align-items:start;
  }

  #process .section-heading{
    position:sticky!important;
    top:112px;
    align-self:start;
    z-index:3;
    margin:0;
  }

  #process .process-list{
    align-self:start;
    min-width:0;
  }
}

@media (min-width:1051px) and (max-height:800px){
  #process .section-heading{top:96px}
}

@media (max-width:1050px){
  #process{overflow:hidden}
  #process .section-heading{position:static!important}
}