/* Services become a continuous studio demonstration, with ordinary native scroll. */
.scroll-story .capabilities{align-items:start}
.scroll-story .service-story{position:sticky;top:48px}
.scroll-story .service-lines article{min-height:52vh;align-content:center;margin:0;padding:50px 0;position:relative}
.scroll-story .service-lines article:first-child{padding-top:0}
.scroll-story .service-lines article:last-child{padding-bottom:0}
.scroll-story .service-lines article:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#f7d3a7;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.scroll-story .service-lines article.service-current:after{transform:scaleX(1)}
.service-drawing{margin-top:28px;color:#f7d3a7;width:100%;max-width:340px}
.service-drawing svg{display:block;width:100%;stroke:currentColor;stroke-width:1.5}
.drawing-frame{fill:#253038;stroke:#a3afb3}
.drawing-rule{stroke:#a3afb3}
.drawing-state{opacity:0;transform:translateY(7px);transform-origin:center;transition:opacity .35s,transform .65s cubic-bezier(.16,1,.3,1)}
.drawing-type{stroke-width:4;stroke-linecap:round}
.drawing-tile{fill:#efab5b;fill-opacity:.1;stroke:#efab5b}
.drawing-cta{stroke:#f7d3a7;stroke-width:14}
.drawing-growth{stroke:#f7d3a7;stroke-width:3}
.service-drawing[data-scene='0'] .state-0,.service-drawing[data-scene='1'] .state-1,.service-drawing[data-scene='2'] .state-2,.service-drawing[data-scene='3'] .state-3{opacity:1;transform:translateY(0)}
.drawing-caption{display:block;font-size:14px;line-height:1.4;color:#d4d3cd;padding-left:28px;min-height:40px}
.scroll-story .orbit-art{transform:rotate(var(--scroll-turn,0deg)) scaleY(var(--scroll-flat,1)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:none}
.scroll-story .orbit-controls [data-motion]{display:none}
.scroll-story .shelf{transform:translateX(calc(var(--shelf-enter,0) * 65px)) rotate(calc(var(--shelf-enter,0) * 5deg));transform-origin:50% 80%}
.scroll-story .steps{position:relative;isolation:isolate}
.scroll-story .steps:before,.scroll-story .steps:after{content:'';position:absolute;left:14px;top:15px;width:1px;height:calc(100% - 50px);background:#c4c4bc;z-index:-1}
.scroll-story .steps:after{background:#7b4228;transform:scaleY(var(--process-progress,0));transform-origin:top}
.scroll-story .steps article span{transition:background .2s,color .2s}
.scroll-story .steps article.step-reached span{background:#7b4228;color:#fff}
.page-motion{position:fixed;z-index:20;right:18px;bottom:18px;background:#111e23;color:#f6f3eb;border:1px solid #a3afb3;padding:11px 17px;border-radius:24px;font-size:12px;min-height:44px}
.page-motion[hidden]{display:none}
.page-motion:focus-visible{outline-color:#efab5b}
.motion-stopped .orbit-rings{animation-play-state:paused!important}
.motion-stopped .drawing-state,.motion-stopped .service-lines article:after,.motion-stopped .steps article span{transition:none}
.motion-stopped .orbit-art,.motion-stopped .shelf{transform:none!important}
@media(max-width:1000px){.scroll-story .service-lines article{min-height:48vh}.scroll-story .service-story{top:30px}}
@media(max-width:650px){.scroll-story .service-story{position:relative;top:auto}.service-drawing{display:none}.scroll-story .service-lines article{min-height:0;padding:32px 0}.scroll-story .service-lines article:first-child{padding-top:0}.scroll-story .service-lines article:last-child{padding-bottom:10px}.scroll-story .shelf{transform:translateY(calc(var(--shelf-enter,0) * 24px))}.page-motion{right:12px;bottom:12px;padding:10px 13px}.scroll-story footer{padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.scroll-story .orbit-art,.scroll-story .shelf{transform:none!important}.drawing-state,.scroll-story .service-lines article:after{transition:none}.scroll-story .service-lines article{min-height:0;padding:32px 0}.scroll-story .service-story{position:relative;top:auto}}