/* Motion-only layer for the Linear-inspired service component. */
#services.has-service-interactions .work-selectors{position:relative;isolation:isolate}
#services.has-service-interactions .work-row{position:relative;z-index:1}
#services.has-service-interactions .work-row.is-active{background:transparent;border-color:transparent}
#services.has-service-interactions .work-row:hover{background:rgba(255,255,255,.018);border-color:transparent}
#services.has-service-interactions .work-row:focus-visible{outline:1px solid #d4b79f;outline-offset:-2px;background:rgba(255,255,255,.025)}
#services .service-tab-indicator{
  position:absolute;inset:0 auto auto 0;z-index:0;pointer-events:none;
  opacity:0;border:1px solid rgba(211,178,150,.11);border-radius:8px;
  background:linear-gradient(105deg,rgba(214,176,141,.065),rgba(255,255,255,.026) 70%);
  transition:transform 270ms cubic-bezier(.2,.75,.25,1),height 220ms ease,width 220ms ease,opacity 180ms ease;
}
#services .service-tab-indicator::before{content:"";position:absolute;left:-1px;top:21%;bottom:21%;width:2px;border-radius:2px;background:#c7a88c;opacity:.8}
#services .service-tab-indicator.is-positioned{opacity:1}
#services.has-service-interactions .work-row strong{transition:color 180ms ease}
#services.has-service-interactions .work-row[aria-selected=true] strong{color:#fff9f4}
#services.has-service-interactions .ref-document{isolation:isolate}
#services.has-service-interactions .ref-document::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(170px circle at var(--service-pointer-x,50%) var(--service-pointer-y,40%),rgba(217,180,148,.07),rgba(255,248,239,.018) 48%,transparent 100%);
  opacity:0;transition:opacity 230ms ease;
}
#services.has-service-interactions .ref-document.has-service-pointer::before{opacity:1}
#services.has-service-interactions.is-service-touch .service-tab-indicator,#services.has-service-interactions.is-service-touch .work-row,#services.has-service-interactions.is-service-touch .work-row strong{transition:none}
#services.has-service-interactions.is-service-touch .ref-document::before{display:none}
@media(hover:none),(pointer:coarse){
  #services.has-service-interactions .ref-document::before{display:none}
  #services .service-tab-indicator,#services.has-service-interactions .work-row,#services.has-service-interactions .work-row strong{transition:none}
}
@media(prefers-reduced-motion:reduce){
  #services .service-tab-indicator,#services.has-service-interactions .work-row,#services.has-service-interactions .work-row strong{transition:none}
  #services.has-service-interactions .ref-document::before{display:none;transition:none}
}
