/* Quiet motion within the monochrome service list. */
.service-list details.service-motion{position:relative;box-sizing:border-box}
.service-list details.service-motion::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#b8b8b5;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
.service-list details.service-motion[data-service-state="open"]::before{transform:scaleX(1)}
.service-list .service-motion summary h3{transition:transform .36s cubic-bezier(.22,1,.36,1),color .25s ease}
.service-list .service-motion[data-service-state="open"] summary h3{transform:translateX(8px);color:#fff}
.service-list .service-motion .plus{transform:rotate(0);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .25s ease;transform-origin:center}
.service-list .service-motion[data-service-state="open"] .plus{transform:rotate(45deg)}
.service-list .service-motion[data-service-state="closed"] .plus{transform:rotate(0);opacity:.7}
.service-list .service-motion[data-service-state="closed"] summary h3{color:var(--fg)}
.service-list details.service-motion[open] .service-body{animation:none}
@media(prefers-reduced-motion:reduce){.service-list details.service-motion::before,.service-list .service-motion summary h3,.service-list .service-motion .plus{transition:none}.service-list .service-motion[data-service-state="open"] summary h3{transform:none}}