/* Service art keeps one coordinate system at every breakpoint.
   Scale the complete sculpture, never its individual plates or rings. */
.family-service .service-signature,
.family-service .service-signature .integrated-art{height:365px}
/* Decorative overflow must never intercept nearby controls. */
.family-service .service-signature{pointer-events:none}
.family-service .service-signature .sculpture{top:-125px;perspective:900px;animation:service-presence 9s ease-in-out infinite}
.family-service .service-signature .orbit{width:340px;height:340px;left:50px;top:175px}
.family-service .service-signature .orbit-two{width:390px;height:390px;left:25px;top:150px}
.family-service .service-signature .n1{top:370px;left:8%}
.family-service .service-signature .n2{top:260px;right:2%}
.family-service .service-signature .n3{top:440px;right:22%}
.family-service .service-signature .plate-label{left:28px;right:28px;line-height:1.15;text-wrap:balance}
@keyframes service-presence{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:720px){
 .family-service .service-signature,.family-service .service-signature .integrated-art{height:305px}
 .family-service .service-signature .sculpture{top:-120px;transform:scale(.65)}
 .family-service .service-signature .plate-label{font-size:19px}
}
@media(max-width:359px){
 .family-service .service-signature,.family-service .service-signature .integrated-art{height:270px}
 .family-service .service-signature .sculpture{top:-100px;transform:scale(.55)}
}
/* Pausing holds the dimensional pose instead of jumping back to frame one. */
.paused .service-signature .sculpture{animation:service-presence 9s ease-in-out infinite!important;animation-play-state:paused!important}
.reduced .service-signature .sculpture{animation:none!important;translate:none}
@media(prefers-reduced-motion:reduce){.service-signature .sculpture{animation:none!important;translate:none}}