/* Static, readable sequence first; JS pins only when content fits. */
.work-process{padding-top:100px;padding-bottom:80px;background:#101211}
.process-heading{margin-bottom:25px}.process-heading h2{margin-bottom:0}
.process-stage{position:relative;padding-left:56px}
.process-rail{position:absolute;left:0;top:35px;bottom:35px;width:2px;background:#383c39}
.process-rail span{display:block;width:100%;height:100%;background:var(--orange);transform-origin:top;transform:scaleY(var(--work-progress,1))}
.process-panels{list-style:none;margin:0;padding:0}
.process-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-block:65px}
.process-panel figure{margin:0;min-width:0}
.process-panel img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:lighten}
.process-copy{min-width:0}.step-number{display:block;font-family:monospace;font-size:16px;letter-spacing:.12em;color:var(--orange);margin-bottom:18px}
.process-copy h3{font-size:clamp(40px,4.8vw,68px);margin-bottom:24px}
.process-copy p{color:#b9bfbb;max-width:480px;font-size:clamp(16px,1.5vw,21px);line-height:1.65;margin-bottom:28px}
.step-caption{display:block;font-size:11px;letter-spacing:.14em;color:#919c95}
.process-status{display:none}
.is-scrolly .process-track{height:calc(var(--work-height) + var(--work-travel))}
.is-scrolly .process-stage{position:sticky;top:var(--work-top);height:var(--work-height);display:flex;flex-direction:column;justify-content:center}
.is-scrolly .process-panels{display:grid;flex:1;min-height:0;align-items:stretch;margin-top:35px;margin-bottom:72px}
.is-scrolly .process-panel{grid-area:1/1;padding:0;will-change:opacity,transform}
.is-scrolly .process-panel figure{max-height:100%;overflow:hidden}
.is-scrolly .process-panel img{max-height:min(60vh,530px)}
.is-scrolly .process-status{display:flex;position:absolute;bottom:26px;left:56px;right:0;justify-content:space-between;font-family:monospace;font-size:11px;letter-spacing:.12em;color:#99a19b}
.process-status b{color:var(--orange);font-weight:400}
@media(max-width:700px){
.work-process{padding-top:68px;padding-bottom:55px}.process-heading{margin-bottom:15px}
.process-stage{padding-left:26px}.process-rail{top:22px;bottom:22px}
.process-panel{grid-template-columns:1fr;gap:22px;padding-block:40px}
.process-panel figure{width:100%;max-width:460px;justify-self:center}
.process-copy h3{font-size:38px;margin-bottom:18px}.step-number{margin-bottom:12px;font-size:14px}
.process-copy p{font-size:16px;line-height:1.65;margin-bottom:20px}
.step-caption{font-size:10px;letter-spacing:.1em}
.is-scrolly .process-panels{margin-top:20px;margin-bottom:60px}
.is-scrolly .process-panel{grid-template-rows:minmax(130px,1fr) auto;gap:16px;align-content:center}
.is-scrolly .process-panel figure{align-self:center;max-height:100%}
.is-scrolly .process-panel img{height:min(29svh,250px);width:100%;max-height:100%}
.is-scrolly .process-copy{align-self:start;padding-bottom:20px}
.is-scrolly .process-status{left:26px;bottom:22px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.process-panel{will-change:auto!important}}