.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#e85c24;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
.scroll-active .hero-copy{will-change:transform;transform:translateY(var(--hero-shift,0px));opacity:var(--hero-opacity,1)}
.scroll-active .statement p{transition:color .3s}.scroll-active .statement p>span{color:rgb(calc(100 + var(--statement-progress,0) * 65),calc(108 + var(--statement-progress,0) * 63),calc(92 + var(--statement-progress,0) * 66))}
.scroll-active .scroll-reveal{opacity:.2;transform:translateY(38px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.scroll-active .scroll-reveal.is-visible{opacity:1;transform:translateY(0)}
.scroll-active .project-image{clip-path:inset(var(--image-inset,0%) 0 0);will-change:clip-path}
.scroll-active .project img{transform:scale(var(--image-scale,1));will-change:transform}
.scroll-active .process-steps li{position:relative;opacity:.38;transform:translateY(18px);transition:opacity .55s,transform .75s cubic-bezier(.16,1,.3,1)}
.scroll-active .process-steps li:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:#e85c24;transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.scroll-active .process-steps li.step-active{opacity:1;transform:translateY(0)}.scroll-active .process-steps li.step-active:before{transform:scaleX(1)}
.motion-off .scroll-reveal,.motion-off .process-steps li{opacity:1!important;transform:none!important}
@media(max-width:700px){.scroll-active .scroll-reveal{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){body:not(.scroll-active) .scroll-reveal,body:not(.scroll-active) .process-steps li{opacity:1;transform:none}}