/* ═══ EVENTS · SECTION 7 — PROCESS RAIL ═══ */
.proc{position:relative;padding:clamp(74px,12vh,150px) var(--gut);border-top:1px solid var(--border)}
.proc h2{margin-top:20px;font-size:clamp(1.6rem,4.2vw,3.3rem);line-height:1;max-width:15ch}
.proc-list{position:relative;padding-left:clamp(30px,5vw,74px);margin-top:clamp(32px,5.5vh,60px)}
.rail{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border)}
.rail i{position:absolute;left:0;top:0;width:100%;height:0;background:var(--cut)}
.rail .dot{position:absolute;left:50%;top:0;width:11px;height:11px;background:var(--cut);
  border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(200,255,0,.13);
  opacity:0;transition:opacity .4s ease}
.rail.is-live .dot{opacity:1}
.step{position:relative;padding:clamp(22px,3.6vh,38px) 0;border-bottom:1px solid var(--border);
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(14px,3vw,44px);align-items:start;opacity:.34;transition:opacity .6s ease}
.step:first-child{border-top:1px solid var(--border)}
.step.is-on{opacity:1}
.step::before{content:"";position:absolute;left:calc(clamp(30px,5vw,74px) * -1);
  top:calc(clamp(22px,3.6vh,38px) + .52em);width:clamp(30px,5vw,74px);height:1px;
  background:var(--border);transition:background .5s ease}
.step.is-on::before{background:var(--cut)}
@media(max-width:640px){.step::before{display:none}}
.step .n{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--dim);padding-top:.5em;
  transition:color .5s ease}
.step.is-on .n{color:var(--cut)}
.step h3{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:800;
  font-size:clamp(1.05rem,2.2vw,1.75rem);line-height:1.04;letter-spacing:-.026em}
.step p{font-size:clamp(.92rem,1.02vw,1.02rem);line-height:1.62;color:var(--muted);
  max-width:50ch;padding-top:.28em}
@media(max-width:840px){.step{grid-template-columns:auto minmax(0,1fr)}
  .step p{grid-column:2}}

@media(prefers-reduced-motion:reduce){
  .step{opacity:1}
  .step::before{background:var(--cut)}
  .rail i{height:100%!important}
  .rail .dot{display:none}
}