/* Keep service controls in place when switching the shared desktop detail panel. */
.services{padding-top:66px;padding-bottom:70px}
.services h2{margin:0 0 35px;font-size:16px;line-height:1.5;font-weight:600;letter-spacing:0;color:#59645a}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(30px,5vw,80px);row-gap:30px;align-items:start;overflow-anchor:none}
.service-toggle{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;min-width:0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;color:inherit;text-align:left;cursor:pointer;padding:23px 0 10px;min-height:105px;order:0}
.service-summary{min-width:0}
.service-name{display:block;font-size:clamp(27px,2.6vw,39px);line-height:1.18;letter-spacing:-1.4px;font-weight:450;transition:color .15s}
.service-description{display:block;margin-top:11px;font-size:14px;line-height:1.65;font-weight:400;letter-spacing:0;color:#626b63}
.plus{position:relative;display:block;width:15px;height:15px;margin-top:12px;flex:none;color:#74816a}
.plus:before,.plus:after{content:'';position:absolute;top:7px;left:1px;width:13px;height:1px;background:currentColor}
.plus:after{transform:rotate(90deg);transition:transform .18s}
.service-toggle[aria-expanded="true"] .plus:after{transform:rotate(0)}
.service-toggle:hover .service-name,.service-toggle[aria-expanded="true"] .service-name{color:#5c7047}
.service-detail{grid-column:1/-1;order:1;display:grid;grid-template-columns:minmax(140px,.7fr) 2fr;column-gap:40px;align-content:start;min-height:172px;border-top:1px solid var(--line);padding:28px 0 0}
.service-detail[hidden]{display:none}
.service-detail h3{grid-row:1/3;font-size:24px;line-height:1.3;font-weight:450;letter-spacing:-.6px}
.service-detail p{font-size:16px;line-height:1.8;color:#59635a;max-width:65ch}
.service-detail a{justify-self:start;display:inline-block;margin-top:19px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.service-name{font-size:32px}}
@media(max-width:600px){.services{padding-top:42px;padding-bottom:44px}.services h2{margin-bottom:22px;font-size:15px}.service-list{grid-template-columns:1fr;gap:0}.service-toggle{padding:21px 0;min-height:102px}.service-name{font-size:29px;letter-spacing:-1px}.service-description{margin-top:5px}.plus{margin-top:9px}.service-detail{display:block;order:0;min-height:0;border:0;padding:0 12px 24px 0}.service-detail h3{display:none}}
@media(prefers-reduced-motion:reduce){.service-name,.plus:after{transition:none}}