.process-section{background:var(--cream);position:relative;min-height:500vh;overflow:hidden}.process-story{position:relative}.process-heading{padding-top:112px;position:relative;z-index:2}.process-stage{height:100vh;min-height:650px;position:sticky;top:0;display:flex;align-items:center;margin-top:-38px}.process-thread{position:absolute;inset:50% 0 auto;width:100%;height:330px;transform:translateY(-50%);overflow:visible}.thread-base,.thread-progress{fill:none;stroke-linecap:round;stroke-width:1.5}.thread-base{stroke:rgba(21,43,42,.16);stroke-dasharray:2 9}.thread-progress{stroke:var(--coral);stroke-dasharray:2 9;stroke-dashoffset:1120;transition:stroke-dashoffset 1.1s cubic-bezier(.22,.61,.36,1)}.process-nodes{display:grid;grid-template-columns:repeat(5,1fr);width:100%;align-items:center;position:relative;height:330px}.process-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;outline:none;transform:translateY(0);transition:transform 900ms cubic-bezier(.22,.61,.36,1),opacity 900ms ease}.process-step:nth-child(even){transform:translateY(154px)}.process-step:not(.is-active){opacity:.45;cursor:pointer}.process-step:hover,.process-step:focus-visible{opacity:.8}.process-step.is-active{opacity:1;transform:translateY(-2px);z-index:2}.process-step:nth-child(even).is-active{transform:translateY(152px)}.process-orb{width:68px;height:68px;border:1px solid rgba(21,43,42,.3);border-radius:50%;background:rgba(250,248,242,.74);display:grid;place-items:center;color:var(--ink);transition:width 900ms cubic-bezier(.22,.61,.36,1),height 900ms cubic-bezier(.22,.61,.36,1),border-color 700ms ease,background 700ms ease,box-shadow 900ms ease,filter 900ms ease}.process-orb svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform 900ms ease,opacity 700ms ease}.process-step:not(.is-active) .process-orb{width:38px;height:38px;background:rgba(250,248,242,.56);border-color:rgba(21,43,42,.18);filter:saturate(.45)}.process-step:not(.is-active) .process-orb svg{width:18px;height:18px;opacity:.6}.process-step.is-active .process-orb{width:92px;height:92px;border-color:var(--coral);background:var(--paper);box-shadow:0 12px 32px rgba(237,106,78,.16),0 0 0 8px rgba(237,106,78,.08)}.process-step.is-active .process-orb svg{width:42px;height:42px;color:var(--coral);transform:scale(1.04)}.process-number{margin-top:13px;color:var(--coral);font-family:"Space Grotesk",sans-serif;font-size:12px;letter-spacing:.12em;opacity:0;transform:translateY(8px);transition:opacity 550ms ease 180ms,transform 550ms ease 180ms}.process-step.is-active .process-number{opacity:1;transform:translateY(0)}.process-copy{max-width:205px;margin-top:7px;opacity:0;transform:translateY(12px);transition:opacity 650ms ease 300ms,transform 650ms ease 300ms}.process-step.is-active .process-copy{opacity:1;transform:translateY(0)}.process-copy h3{margin:0;color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:17px;line-height:1.18}.process-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.process-step:nth-child(even) .process-copy{order:3;margin-top:7px}.process-step:nth-child(even) .process-number{order:2}.process-step:nth-child(even) .process-orb{order:1}.process-step:nth-child(odd) .process-copy{margin-top:7px}.process-step:nth-child(odd) .process-number{margin-top:13px}@media (max-width:760px){.process-section{min-height:auto;overflow:visible;padding-bottom:80px}.process-heading{padding-top:84px;text-align:left}.process-stage{height:auto;min-height:0;position:relative;display:block;margin-top:40px}.process-thread{top:40px;left:25px;width:1px;height:calc(100% - 80px);transform:none}.thread-base,.thread-progress{stroke-width:1.5}.thread-base{stroke-dasharray:2 8}.thread-progress{stroke-dasharray:2 8;stroke-dashoffset:1000}.process-nodes{display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;gap:0;padding-left:0}.process-step,.process-step:nth-child(even),.process-step.is-active,.process-step:nth-child(even).is-active{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:20px;align-items:start;text-align:left;min-height:190px;padding:0 0 38px;transform:none;opacity:.42}.process-step.is-active{opacity:1}.process-orb,.process-step:not(.is-active) .process-orb,.process-step.is-active .process-orb{grid-column:1;grid-row:1;width:50px;height:50px;box-shadow:none;background:var(--paper);border-color:rgba(21,43,42,.24)}.process-step.is-active .process-orb{border-color:var(--coral);box-shadow:0 0 0 6px rgba(237,106,78,.08)}.process-orb svg,.process-step:not(.is-active) .process-orb svg,.process-step.is-active .process-orb svg{width:24px;height:24px}.process-step.is-active .process-orb svg{color:var(--coral)}.process-number,.process-step.is-active .process-number{grid-column:2;grid-row:1;margin:2px 0 0;opacity:1;transform:none;font-size:11px}.process-copy,.process-step.is-active .process-copy,.process-step:nth-child(even) .process-copy{grid-column:2;grid-row:2;max-width:100%;margin:7px 0 0;opacity:1;transform:none}.process-copy h3{font-size:18px}.process-copy p{max-width:390px;margin-top:6px}.process-step:not(.is-active) .process-copy{opacity:.72}.process-step:last-child{min-height:150px;padding-bottom:0}.process-step:focus-visible .process-orb{outline:2px solid var(--coral);outline-offset:4px}}
