.service{position:relative;overflow-anchor:none}
.service:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease-out)}
.service[data-expanded=true]:before{transform:scaleX(1)}
.service summary h3,.service-no,.service .plus{transition:color .4s,transform .6s var(--ease-out)}
.service[data-expanded=true] .service-no{color:var(--accent);transform:translateX(5px)}
.service[data-expanded=true] summary h3{transform:translateX(8px)}
.service summary:hover h3{color:#d5b58e}
.service .plus:after{transition:transform .5s var(--ease-out)}
.service[data-expanded=false] .plus:after{transform:rotate(90deg)}
.service[data-expanded=true] .plus:after{transform:rotate(0)}
@media(prefers-reduced-motion:reduce){.service:before,.service summary h3,.service-no,.service .plus,.service .plus:after{transition:none}}