/* Services own their layout and disclosure motion. Hover has a separate owner. */
.studio-services{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.35fr);gap:clamp(56px,8vw,140px);align-items:start;padding:clamp(80px,9vw,152px) var(--gutter,5vw);background:var(--paper,#f3f2ec)}
.services-intro .section-label{margin-bottom:36px}
.services-intro h2{font-family:var(--display,'Archivo Black',sans-serif);font-size:clamp(36px,4.1vw,68px);font-weight:400;line-height:1.03;letter-spacing:-.065em;margin:0 0 30px}
.services-intro>p{max-width:300px;font-size:14px;line-height:1.85;color:#686a63;margin:0}
.services-accordion{background:#f8f8f3;border:1px solid #d7d9d0;border-radius:4px;overflow:clip}
.service-item{margin:0;background:transparent}
.service-item+.service-item{border-top:1px solid #d7d9d0}
.service-item[open]{background:#fff}
.service-toggle{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 36px;align-items:center;gap:20px;min-height:112px;padding:27px 30px;list-style:none;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}
.service-toggle::-webkit-details-marker{display:none}
.service-toggle::marker{content:''}
.service-toggle:focus-visible{outline:3px solid var(--blue,#2149f3);outline-offset:-5px}
.service-index{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:800;letter-spacing:-.02em;background:#eaece4;color:#777a70}
.service-toggle-label{position:relative;z-index:1;display:block;width:fit-content;font-size:clamp(20px,1.65vw,27px);font-weight:800;line-height:1.25;letter-spacing:-.045em;color:var(--ink,#171817)}
.service-toggle-icon{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d4d7cc;border-radius:50%;color:#64695d}
.service-toggle-icon>svg{display:block;flex-shrink:0;transform-origin:center}
.service-item[open] .service-index,.services-ready .service-item.is-target .service-index{background:var(--lime,#d8f56b);color:var(--ink,#171817)}
.service-item[open] .service-toggle-label,.services-ready .service-item.is-target .service-toggle-label{color:var(--blue,#2149f3)}
.service-item[open] .service-toggle-icon,.services-ready .service-item.is-target .service-toggle-icon{background:var(--blue,#2149f3);border-color:var(--blue,#2149f3);color:#fff}
.service-item[open] [data-service-plus]{opacity:0}
.services-ready .service-item:not(.is-target) .service-index{background:#eaece4;color:#777a70}
.services-ready .service-item:not(.is-target) .service-toggle-label{color:var(--ink,#171817)}
.services-ready .service-item:not(.is-target) .service-toggle-icon{background:transparent;border-color:#d4d7cc;color:#64695d}
.service-panel-inner{padding:0 30px 34px 80px}
.service-lead{max-width:390px;margin:0 0 17px;font-size:18px;font-weight:800;line-height:1.5;letter-spacing:-.025em}
.service-description{max-width:420px;margin:0;color:#686a63;font-size:14px;line-height:1.85}
.service-scope{max-width:420px;border-top:1px solid #e8e9e3;margin:25px 0 0;padding-top:18px;color:#75796d;font-size:10px;font-weight:800;line-height:1.9;letter-spacing:.025em}
.service-toggle-label,.service-toggle-icon,.service-index{pointer-events:none}
@media(hover:hover) and (pointer:fine){.service-toggle:not([data-hover-owned]):hover{background:#eef0e8}}
@media(min-width:1600px){.studio-services{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.service-toggle{padding:30px 38px;min-height:124px}.service-panel-inner{padding-right:38px;padding-left:88px}}
@media(max-width:1000px){.studio-services{gap:40px;grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr)}.service-toggle{padding:25px 22px;gap:14px}.service-panel-inner{padding-left:66px;padding-right:22px}.services-intro h2{font-size:clamp(34px,4.4vw,48px)}}
@media(max-width:760px){.studio-services{grid-template-columns:1fr;gap:38px;padding-top:76px;padding-bottom:76px}.services-intro .section-label{margin-bottom:26px}.services-intro h2{font-size:clamp(38px,7.5vw,58px);margin-bottom:22px}.services-intro>p{max-width:340px}.service-toggle{min-height:100px;padding:25px 22px;gap:14px}.service-toggle-label{font-size:22px}.service-panel-inner{padding:0 24px 30px 66px}.service-lead{font-size:17px}}
@media(max-width:420px){.service-toggle{grid-template-columns:26px minmax(0,1fr) 32px;gap:12px;padding:23px 18px;min-height:102px}.service-index{width:26px;height:26px;font-size:9px}.service-toggle-label{font-size:20px}.service-toggle-icon{width:32px;height:32px}.service-panel-inner{padding:0 22px 28px 56px}.service-lead{font-size:16px}.service-description{font-size:13px;line-height:1.85}.service-scope{font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-panel,.service-panel-inner,.service-toggle-icon>svg{scroll-behavior:auto}}