/* Exact owner-supplied C/S shapes; one restrained arrival, then a still paired signature. */
.cs-paired-footer{--depth-x:0deg;--depth-y:0deg;--scroll-depth:0deg;--pair-c:#b0c3d0;--pair-s:#8eadcf}
.cs-paired-footer::before,.cs-paired-footer::after{display:none}
.cs-paired-footer .pair-stage{position:absolute;right:22px;bottom:12px;width:320px;height:250px;perspective:900px;transform-style:preserve-3d;pointer-events:none;z-index:0;opacity:.20;transform:rotateX(calc(var(--depth-x) + var(--scroll-depth))) rotateY(var(--depth-y));transition:transform 500ms ease-out}
.cs-paired-footer .component-orbit{position:absolute;display:block;transform-style:preserve-3d;width:150px;height:150px;left:85px;top:50px;animation-play-state:paused!important}
.cs-paired-footer .component-face{display:block;position:absolute;inset:0;background:var(--pair-c);filter:drop-shadow(0 2px 0 #f6fbff40) drop-shadow(0 7px 9px #0003);mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.cs-paired-footer .face-c{mask-image:url('/brand/selected/angular-emblem/component-c.svg')}
.cs-paired-footer .face-s{mask-image:url('/brand/selected/angular-emblem/component-s.svg');mask-size:190%;background:var(--pair-s)}
.cs-paired-footer .orbit-c{transform:translate3d(-68px,-10px,6px) rotateX(6deg) rotateY(-10deg) rotateZ(-6deg)}
.cs-paired-footer .orbit-s{width:100px;height:100px;left:110px;top:75px;transform:translate3d(77px,13px,22px) rotateX(-4deg) rotateY(10deg) rotateZ(6deg)}
@media(prefers-reduced-motion:no-preference){.cs-paired-footer .orbit-c{animation:cs-c-arrive 4.2s ease-in-out 1 both}.cs-paired-footer .orbit-s{animation:cs-s-arrive 4.8s ease-in-out 1 both}.cs-paired-footer.is-visible:not(.is-paused) .component-orbit{animation-play-state:running!important}}
@keyframes cs-c-arrive{0%,100%{transform:translate3d(-68px,-10px,6px) rotateX(6deg) rotateY(-10deg) rotateZ(-6deg)}25%{transform:translate3d(-51px,-28px,15px) rotateX(-2deg) rotateY(8deg) rotateZ(3deg)}50%{transform:translate3d(-37px,-6px,6px) rotateX(-6deg) rotateY(10deg) rotateZ(7deg)}75%{transform:translate3d(-55px,18px,2px) rotateX(1deg) rotateY(-6deg) rotateZ(-1deg)}}
@keyframes cs-s-arrive{0%,100%{transform:translate3d(77px,13px,22px) rotateX(-4deg) rotateY(10deg) rotateZ(6deg)}25%{transform:translate3d(61px,27px,10px) rotateX(6deg) rotateY(-7deg) rotateZ(-4deg)}50%{transform:translate3d(46px,8px,21px) rotateX(3deg) rotateY(-10deg) rotateZ(-7deg)}75%{transform:translate3d(64px,-14px,7px) rotateX(-6deg) rotateY(4deg) rotateZ(2deg)}}
@media(max-width:580px){.cs-paired-footer .pair-stage{bottom:68px;right:calc(50% - 160px);opacity:.18;transform:scale(.8) rotateX(calc(var(--depth-x) + var(--scroll-depth))) rotateY(var(--depth-y))}}
@media(prefers-reduced-motion:reduce){.cs-paired-footer .pair-stage,.cs-paired-footer .component-orbit{animation:none!important;transition:none!important}.cs-paired-footer .pair-stage{transform:none!important}}
@media(max-width:580px) and (prefers-reduced-motion:reduce){.cs-paired-footer .pair-stage{transform:scale(.8)!important}}
@media(forced-colors:active){.cs-paired-footer .pair-stage{display:none}}