/* A fixed column with a moving beam; each pan stays upright on its chain. */
.balance-scene{position:absolute;left:0;top:0;width:300px;height:300px;overflow:visible;filter:drop-shadow(0 12px 8px #6c2d241c)}
.balance-scene image{pointer-events:none}
.balance-beam-motion{transform-box:view-box;transform-origin:500px 260px;transform:rotate(-10deg);animation:varte-balance-rock 6.8s ease-in-out infinite;animation-play-state:paused}
.balance-pan{transform-box:view-box;transform:rotate(10deg);animation:varte-pan-upright 6.8s ease-in-out infinite;animation-play-state:paused}
.balance-pan--left{transform-origin:163px 260px}
.balance-pan--right{transform-origin:838px 260px}
.balance-scene.is-animating .balance-beam-motion,.balance-scene.is-animating .balance-pan{animation-play-state:running}
.closing-objects{height:330px}
.closing-cta-stack{height:190px;bottom:0}
@keyframes varte-balance-rock{0%,100%{transform:rotate(-13deg)}50%{transform:rotate(-7deg)}}
@keyframes varte-pan-upright{0%,100%{transform:rotate(13deg)}50%{transform:rotate(7deg)}}
@media(min-width:1001px) and (max-width:1100px){.balance-scene{width:260px;height:260px}.closing-objects{height:300px}.closing-cta-stack{height:160px}}
@media(min-width:621px) and (max-width:1000px){.closing-objects{height:330px;max-width:550px}.balance-scene{width:300px;height:300px}.closing-cta-stack{height:180px}}
@media(max-width:620px){.closing-objects{height:330px;margin-top:20px}.balance-scene{width:250px;height:250px;left:-8px;top:0}.closing-cta-stack{width:145px;height:145px;bottom:0;right:0}}
@media(max-width:359px){.closing-objects{height:300px}.balance-scene{width:220px;height:220px;left:-8px}.closing-cta-stack{width:133px;height:133px}}
@media(prefers-reduced-motion:reduce){.balance-beam-motion,.balance-pan{animation:none}}