.proc{padding-block:var(--section-y);overflow:clip}.proc__stage{margin-top:max(48px,min(7vw,96px));position:relative}.proc__path{pointer-events:none;z-index:2;position:absolute;top:0;left:0;overflow:visible}.proc__path path{fill:none;stroke-linecap:round;stroke-linejoin:round}.proc__path-bg{stroke:rgba(11,10,13,.12);stroke-width:2px;stroke-dasharray:2 8}.proc__path-fg{stroke:var(--gold-ink);stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:1px}.proc__fill{display:none}.proc__stage.is-line .proc__fill{z-index:2;background:var(--gold-ink);transform-origin:50% 0;will-change:transform;pointer-events:none;border-radius:2px;width:3px;display:block;position:absolute;left:10.5px;transform:scaleY(0)}.proc__stage.is-line .proc__path-fg{display:none}.proc__stage.is-line .proc__marker{will-change:transform}.proc__marker{z-index:3;background:var(--gold);opacity:0;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:opacity .4s;position:absolute;top:0;left:0;box-shadow:0 0 0 6px rgba(217,178,99,.25),0 6px 18px rgba(122,90,24,.45)}.proc__stage.is-live .proc__marker{opacity:1}.proc__stage.is-done .proc__marker{animation:proc-ping 1.6s var(--ease-lift)infinite}@keyframes proc-ping{50%{box-shadow:0 0 0 14px rgba(217,178,99,0),0 6px 18px rgba(122,90,24,.45)}}.proc__steps{z-index:1;gap:16px;margin:0;padding:0 0 0 40px;list-style:none;display:grid;position:relative}.proc-step{background:#fff8ec;border:1px solid rgba(11,10,13,.08);border-radius:22px;padding:26px 24px 28px;transition:transform .9s cubic-bezier(.34,1.32,.64,1),box-shadow .6s,border-color .5s,background-color .5s;position:relative;overflow:hidden}.proc-step__ghost{font-family:var(--ff-display);font-variation-settings:"wdth" 68;color:transparent;-webkit-text-stroke:1px rgba(122,90,24,.16);transition:-webkit-text-stroke-color .6s,transform .9s var(--ease-lift);pointer-events:none;font-size:max(3.5rem,min(5vw,4.5rem));font-weight:800;line-height:1;position:absolute;top:10px;right:18px}.proc-step__num{width:36px;height:36px;color:var(--gold-ink);border:1px solid rgba(122,90,24,.35);border-radius:50%;place-items:center;margin-bottom:18px;font-size:.75rem;transition:background-color .5s,color .5s,border-color .5s;display:inline-grid}.proc-step__title{font-family:var(--ff-text);color:var(--ink);letter-spacing:-.015em;margin:0 0 8px;font-size:1.25rem;font-weight:600;position:relative}.proc-step__text{color:rgba(11,10,13,.7);max-width:32ch;margin:0;font-size:.9375rem;line-height:1.55;position:relative}.proc__stage.is-live .proc-step:not(.is-on){opacity:.55;transform:translateY(18px)}.proc__stage.is-live .proc-step{transition-property:transform,box-shadow,border-color,background-color,opacity}.proc-step.is-on{background:#fffaf1;border-color:rgba(122,90,24,.4);transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(122,90,24,.45)}.proc-step.is-on .proc-step__num{background:var(--ink);color:var(--gold);border-color:var(--ink)}.proc-step.is-on .proc-step__ghost{-webkit-text-stroke-color:rgba(122,90,24,.4);transform:translateY(-4px)}@media (min-width:1024px){.proc__steps{grid-template-columns:repeat(5,1fr);align-items:end;gap:18px;min-height:560px;padding:0}.proc-step{margin-bottom:calc(var(--i,0)*66px);flex-direction:column;min-height:270px;display:flex}.proc-step__text{margin-top:auto}}@media (prefers-reduced-motion:reduce){.proc-step,.proc__marker{transition:none;animation:none!important}}
