/* Celestial instruments: scalable transparent artwork for desktop and mobile. */
.home-scroll_img.sv-approach-motion{display:flex;align-items:center;justify-content:center;background:transparent}
.sv-approach-motion>svg{display:block;width:100%;height:100%;max-height:80vh;overflow:visible}
.sv-approach-motion .celestial-ring,.sv-approach-motion .celestial-star,.sv-approach-motion .orbital-heart{transform-origin:300px 240px}
.sv-approach-motion .celestial-star,.sv-approach-motion .orbital-heart{transform-box:fill-box;transform-origin:center}
.sv-approach-motion.is-running .celestial-ring-one{animation:sv-celestial-one 9s cubic-bezier(.45,0,.2,1) infinite}
.sv-approach-motion.is-running .celestial-ring-two{animation:sv-celestial-two 9s cubic-bezier(.45,0,.2,1) infinite}
.sv-approach-motion.is-running .celestial-star{animation:sv-celestial-heart 9s ease-in-out infinite}
.sv-approach-motion.is-running .celestial-direction{animation:sv-celestial-direction 9s ease-in-out infinite}
.sv-approach-motion.is-running .construction-piece{animation:sv-construction 8s cubic-bezier(.45,0,.2,1) infinite;transform-box:fill-box;transform-origin:center}
.construction-piece-one{--orbit-x:-78px;--orbit-y:18px;--orbit-angle:-35deg}
.construction-piece-two{--orbit-x:-14px;--orbit-y:-69px;--orbit-angle:32deg}
.construction-piece-three{--orbit-x:9px;--orbit-y:67px;--orbit-angle:27deg}
.construction-piece-four{--orbit-x:77px;--orbit-y:-15px;--orbit-angle:-30deg}
.sv-approach-motion.is-running .construction-outline{animation:sv-construction-outline 8s ease-in-out infinite}
.sv-approach-motion.is-running .orbital-traveler{animation:sv-orbit-travel 9s linear infinite}
.sv-approach-motion.is-running .orbital-milestone-1{animation:sv-milestone-one 9s linear infinite}
.sv-approach-motion.is-running .orbital-milestone-2{animation:sv-milestone-two 9s linear infinite}
.sv-approach-motion.is-running .orbital-milestone-3{animation:sv-milestone-three 9s linear infinite}
.sv-approach-motion.is-running .orbital-heart{animation:sv-celestial-heart 9s ease-in-out infinite}
.home-scroll_img-item:not(.is-active) .sv-approach-motion *{animation-play-state:paused!important}
@keyframes sv-celestial-one{0%,100%{transform:rotate(-45deg)}48%,77%{transform:rotate(0)}94%{transform:rotate(-45deg)}}
@keyframes sv-celestial-two{0%,100%{transform:rotate(55deg)}48%,77%{transform:rotate(0)}94%{transform:rotate(55deg)}}
@keyframes sv-celestial-heart{0%,100%{transform:scale(.9);opacity:.7}48%,77%{transform:scale(1);opacity:1}}
@keyframes sv-celestial-direction{0%,20%,100%{opacity:.1}48%,77%{opacity:1}94%{opacity:.1}}
@keyframes sv-construction{0%,8%,100%{transform:translate(var(--orbit-x),var(--orbit-y)) rotate(var(--orbit-angle));opacity:.5}43%,75%{transform:translate(0,0) rotate(0);opacity:1}94%{transform:translate(var(--orbit-x),var(--orbit-y)) rotate(var(--orbit-angle));opacity:.5}}
@keyframes sv-construction-outline{0%,15%,100%{opacity:.15}43%,75%{opacity:.85}94%{opacity:.15}}
@keyframes sv-orbit-travel{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes sv-milestone-one{0%,92%{opacity:1}99%,100%{opacity:.2}}
@keyframes sv-milestone-two{0%,29%{opacity:.2}35%,92%{opacity:1}99%,100%{opacity:.2}}
@keyframes sv-milestone-three{0%,62%{opacity:.2}68%,92%{opacity:1}99%,100%{opacity:.2}}
@media(max-width:991px){.home-scroll_photo.sv-approach-motion{width:100%;height:clamp(220px,48vw,330px);margin:0 auto 1.25rem}.sv-approach-motion>svg{max-height:100%}}
@media(prefers-reduced-motion:reduce){.sv-approach-motion.is-running *{animation:none!important}}