/* Expressive chapters, driven by native scrolling. */
.scroll-rule{position:absolute;left:0;bottom:-13px;width:100%;height:1px;background:linear-gradient(90deg,#ff4b24 0 17%,#ffffff20 17% 100%);transform-origin:left;transform:scaleX(var(--enter,1));pointer-events:none}.scroll-chapter .section-label{position:relative}.scroll-cinema .scroll-chapter .section-label>span:last-of-type{transform:translateX(calc((1 - var(--enter,1))*20px));opacity:calc(.4 + var(--enter,1)*.6)}
.scroll-cinema .motion-arrival{transition:opacity .75s cubic-bezier(.2,.7,.2,1),translate .85s cubic-bezier(.16,1,.3,1),rotate .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--arrival-delay,0ms)}.scroll-cinema .motion-arrival:not(.has-arrived){opacity:0;translate:0 32px}.scroll-cinema .motion-arrival.has-arrived{opacity:1;translate:0 0;rotate:0deg}.scroll-cinema .client-wall img:not(.has-arrived){translate:0 45px;rotate:-5deg}
.scroll-word{display:inline-block}.scroll-cinema .scroll-word{color:rgb(241 240 231 / calc(.24 + var(--ink,1)*.76))}.scroll-cinema .intro-copy .margin-note{transform:translateY(calc(var(--depth,0px)*-.6)) rotate(-4deg)}
.scroll-cinema .reel-frame{transform:perspective(1400px) translateY(calc((1 - var(--reel-open,1))*25px)) rotateX(calc((1 - var(--reel-open,1))*7deg)) scale(calc(.92 + var(--reel-open,1)*.08));transform-origin:center;transition:opacity .7s;isolation:isolate}.scroll-cinema .reel-tape{translate:calc((1 - var(--reel-open,1))*-25px) calc((1 - var(--reel-open,1))*-20px);rotate:calc((1 - var(--reel-open,1))*-8deg)}.scroll-cinema .reel-corner{scale:calc(.65 + var(--reel-open,1)*.35);opacity:var(--reel-open,1)}
.scroll-cinema .services-title{transform:translateY(calc(var(--depth,0px)*-.5))}.scroll-cinema .approach-photo{transform:translateY(var(--depth,0px)) scale(1.10);transform-origin:center}.scroll-cinema .hq-orbit-note{transform:translateY(calc(var(--depth,0px)*-.6))}.scroll-cinema .closing-side{transform:translateY(calc(var(--depth,0px)*1.2))}
.steps{position:relative}.process-trace{position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff14;pointer-events:none}.process-trace i{display:block;height:100%;background:#ff4b24;transform:scaleX(var(--trace,1));transform-origin:left;box-shadow:0 0 8px #ff4b2455}.process-trace i:after{content:'';position:absolute;right:0;top:-3px;width:8px;height:8px;background:#ff4b24;border-radius:50%}.scroll-cinema .steps>div{border-top-color:transparent}.scroll-cinema .steps>div:not(.has-arrived){translate:0 35px;rotate:2deg}
@media(min-width:1000px){.scroll-cinema .services-title{position:sticky;top:130px;align-self:start}.scroll-cinema .client-wall{column-gap:65px;row-gap:42px}}
@media(max-width:700px){.scroll-cinema .motion-arrival:not(.has-arrived){translate:0 16px}.scroll-cinema .client-wall img:not(.has-arrived){translate:0 20px;rotate:-3deg}.scroll-cinema .reel-frame{transform:translateY(calc((1 - var(--reel-open,1))*12px)) scale(calc(.97 + var(--reel-open,1)*.03))}.scroll-cinema .services-title{transform:none}.process-trace{left:-12px;top:0;bottom:0;width:2px;height:auto}.process-trace i{height:100%;transform:scaleY(var(--trace,1));transform-origin:top}.process-trace i:after{left:-3px;right:auto;top:auto;bottom:0}.scroll-cinema .steps>div{border-top:1px solid #ffffff24}}
@media(prefers-reduced-motion:reduce){.scroll-rule{transform:none}.motion-arrival,.scroll-word,.reel-frame,.reel-tape,.reel-corner,.services-title,.approach-photo,.hq-orbit-note,.closing-side{transform:none!important;translate:none!important;rotate:none!important;opacity:1!important;transition:none!important}.scroll-word{color:inherit}.process-trace i{transform:none}}

.scroll-cinema .reel-frame.reel-live,.scroll-cinema .reel-frame:focus-within{transform:none}
