.project-services{width:100%;min-width:0;color:var(--ink,#191919);font-family:'Inter',-apple-system,Roboto,Helvetica,sans-serif;font-size:13px;line-height:1.5}
.project-services summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:10px 0;position:relative;border-bottom:1px solid transparent;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.project-services summary::-webkit-details-marker{display:none}
.project-services summary::marker{content:''}
.project-services summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.services-arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transform:rotate(-45deg);transition:transform .4s cubic-bezier(.2,1,.25,1)}
.services-arrow svg{display:block;width:14px;height:10px;overflow:visible}
.project-services:not(.is-enhanced)[open] .services-arrow,.project-services.is-expanded .services-arrow{transform:rotate(90deg)}
.project-services ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0;padding:18px 0 4px;list-style:none;color:rgba(25,25,25,.72)}
.project-services li{min-width:0;overflow-wrap:break-word}
.project-services.is-animating{overflow:hidden;will-change:height}
@media(prefers-reduced-motion:reduce){.services-arrow{transition:none}}

/* The two halves briefly part at the center, then settle back together. */
.project-services summary::before,.project-services summary::after{content:"";position:absolute;bottom:-1px;width:50%;height:1px;background:rgba(25,25,25,.2);pointer-events:none;transform:scaleX(1)}
.project-services summary::before{left:0;transform-origin:left center}
.project-services summary::after{right:0;transform-origin:right center}
@keyframes services-center-opening{
  0%{transform:scaleX(1)}
  32%{transform:scaleX(.96)}
  100%{transform:scaleX(1)}
}
@media(hover:hover) and (pointer:fine){
 .project-services summary:hover::before,.project-services summary:hover::after{animation:services-center-opening .8s cubic-bezier(.2,1,.25,1) both}
}
.project-services summary:focus-visible::before,.project-services summary:focus-visible::after{animation:services-center-opening .8s cubic-bezier(.2,1,.25,1) both}
@media(prefers-reduced-motion:reduce){
 .project-services summary:hover::before,.project-services summary:hover::after,.project-services summary:focus-visible::before,.project-services summary:focus-visible::after{animation:none}
}