/* Services Spatial 0.1. One shared chassis; no introduction or perpetual animation. */
.services-spatial{--paper:#f2efe7;--ink:#141c20;--clay:#914e38;--soft:#c3cbc1;--gutter:clamp(24px,4.2vw,80px);font-family:Manrope,sans-serif;background:var(--paper);color:var(--ink);overflow-x:clip}
.services-spatial *{box-sizing:border-box}.services-spatial h1,.services-spatial h2,.services-spatial h3{font-family:Cardo,Georgia,serif;font-weight:400;letter-spacing:-.035em;overflow-wrap:anywhere}.services-spatial h3{line-height:1.12}.services-spatial em{font-style:normal;color:var(--clay)}.services-spatial .micro{font-size:.625rem;letter-spacing:.09em;text-transform:uppercase;line-height:1.7}.services-spatial .site-header{margin:0 var(--gutter);height:auto;min-height:88px;flex-wrap:wrap}.services-spatial .site-header nav{flex-wrap:wrap}.services-spatial a:focus-visible,.services-spatial button:focus-visible,.services-spatial summary:focus-visible,.services-spatial select:focus-visible{outline:2px solid var(--clay);outline-offset:5px}.services-spatial .skip-link{clip-path:inset(50%)}.services-spatial .skip-link:focus{clip-path:none;transform:none}.services-spatial main{outline:0}
.services-opening{padding:64px var(--gutter) 0}.services-opening .eyebrow{font-size:.65rem;margin-bottom:32px}.opening-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:10vw;align-items:end}.opening-grid h1{font-size:clamp(3.1rem,5.65vw,6rem);line-height:1.02;max-width:16ch}.opening-conversation{max-width:35ch;padding-bottom:6px}.opening-conversation p{font-size:.875rem;line-height:1.75}.opening-conversation p+p{margin-top:16px}.opening-index{font-size:.6rem;letter-spacing:.1em;display:block;margin-bottom:28px;color:#656b63}.plain-link{display:inline-flex;justify-content:space-between;gap:36px;align-items:center;min-height:48px;border-bottom:1px solid #868b81;margin-top:22px;font-size:.75rem}.plain-link span{font-size:1.2rem}.opening-foot{margin-top:60px;padding:22px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #bdc0b4;font-size:.65rem;color:#5c625f}
.services-lab{background:var(--ink);color:var(--paper);padding:64px var(--gutter) 42px;position:relative}.services-lab a:focus-visible,.services-lab button:focus-visible,.services-lab summary:focus-visible,.services-lab select:focus-visible{outline-color:#e6b396}.lab-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12px 12vw;align-items:end}.lab-heading>.micro{grid-column:1/-1;color:#b9c0b9}.lab-heading h2{font-size:clamp(2.3rem,3.6vw,4rem);line-height:1.08}.lab-heading h2 em{color:#d9c2ae}.lab-heading>p:last-child{font-size:.8125rem;color:var(--soft);max-width:32ch;padding-bottom:4px}.need-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;border-top:1px solid #64706a;border-bottom:1px solid #64706a}.need-choice{background:transparent;border:0;border-right:1px solid #46524e;text-align:left;color:var(--paper);padding:19px 22px;display:grid;grid-template-columns:24px 1fr;gap:9px 10px;position:relative;min-height:108px;transition:background .2s}.need-choice:first-child{padding-left:0}.need-choice:last-child{border-right:0}.choice-index{font-size:.5625rem;line-height:1.9;color:#bac4b7}.choice-name{font-size:.8125rem;line-height:1.45;max-width:19ch}.choice-capacity{grid-column:2;font-size:.625rem;letter-spacing:.1em;color:#b6c1b7}.choice-capacity span{display:inline-block;opacity:0;transform:translateX(-3px);transition:opacity .2s,transform .2s}.need-choice:after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:0;background:#d5a284;transform:scaleX(0);transform-origin:left;transition:transform .25s}.need-choice[aria-pressed=true]:after{transform:scaleX(1)}.need-choice[aria-pressed=true] .choice-capacity{color:#e6b396}.need-choice[aria-pressed=true] .choice-capacity span{opacity:1;transform:none}.need-choice:hover{background:#ffffff04}.fallback-needs{display:grid;gap:12px;margin-top:30px}.fallback-needs a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #667069;padding:10px 0}.services-spatial[data-enhanced] .fallback-needs{display:none}
.services-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:5vw;align-items:start;padding:48px 0 56px}.services-workbench figure{position:sticky;top:28px;min-width:0}.object-meta{display:flex;justify-content:space-between;font-size:.5625rem;letter-spacing:.12em;color:#b9c0b9;padding:0 5px 16px}.sp-service-object{width:100%;height:auto;overflow:visible;display:block}.services-workbench figcaption{border-top:1px solid #59675f;padding-top:16px;font-size:.6875rem;line-height:1.6;display:grid;gap:9px;color:#c7cfc3}.services-workbench figcaption .micro{font-size:.5625rem;color:#b6c0b3}.service-panels{min-height:570px;padding:9px 0 0}.service-panel{padding-bottom:40px}.services-spatial[data-enhanced] .service-panel{padding-bottom:0}.capacity-label{font-size:.75rem;letter-spacing:.13em;color:#e6b396;display:flex;align-items:center;gap:20px}.capacity-label span{color:#b6c0b3;font-size:.625rem;letter-spacing:0}.service-panel h3{font-size:clamp(2.2rem,3.1vw,3.5rem);margin:21px 0 24px}.service-panel>p:not(.capacity-label){font-size:.8125rem;line-height:1.85;max-width:42ch;color:#c5cec2}.service-panel>p+p{margin-top:16px}.demo-controls{margin:26px 0 0}.demo-action{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;background:transparent;border:1px solid #8b988c;color:#f2efe7;padding:14px 16px;min-height:52px;font-size:.75rem;text-align:left}.demo-action span{font-size:1.15rem;transition:transform .2s}.demo-action:hover span{transform:translate(2px,-2px)}.demo-note{font-size:.625rem;line-height:1.7;color:#b9c0b9;margin-top:12px;min-height:34px}.visibility-note{border-top:1px solid #59675f;margin-top:24px;font-size:.75rem}.visibility-note summary{padding:16px 0;cursor:pointer;line-height:1.7}.visibility-note p{font-size:.75rem;line-height:1.85;color:#c5cec2}.visibility-note p+p{margin-top:12px}.visibility-note>div{padding:4px 0 16px}.service-panel .scope-note{border-left:1px solid #b98467;padding-left:16px;margin-top:28px!important;font-size:.75rem!important}.demo-controls label{display:block;font-size:.625rem;margin-bottom:10px;color:#c5cec2}.demo-controls select{width:100%;border:1px solid #8b988c;border-radius:0;background:#1d2b2f;color:var(--paper);padding:13px 14px;min-height:48px;font:400 .8125rem Manrope,sans-serif}.example-record{margin:22px 0 10px;display:grid;gap:0}.example-record>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #46554d;padding:10px 0;gap:12px;font-size:.6875rem}.example-record dt{color:#b9c0b9}.example-record dd{margin:0}.service-panel .example-disclaimer{font-size:.5625rem!important;color:#b6c0b3!important}.lab-foot{display:grid;grid-template-columns:1.45fr 1fr;gap:5vw;border-top:1px solid #64706a;padding-top:24px}.lab-foot>.micro{color:#b9c0b9}.lab-foot>p{font-size:.8125rem;line-height:1.8;color:#d1d6cb}
/* The exact Home geometry, lit from top left. No screen pedestal or new mockup. */
.sp-service-object .object-ground{fill:#080e102e}.sp-service-object .object-measure{stroke:#84927d88;stroke-width:.65}.sp-service-object text{font-family:Manrope,sans-serif;font-size:8px;letter-spacing:1px;fill:#536356}.sp-service-object>g:last-child text{fill:#b9c0b9}.sp-service-object .sp-module{transform-origin:0 0;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.sp-service-object .tile-face{fill:url(#porcelain);stroke:#a5ae9e;stroke-width:.6}.sp-service-object .tile-thickness{fill:#6c7d70}.sp-service-object .tile-edge{stroke:#fffef3;stroke-width:.85;stroke-opacity:.85}.sp-service-object .structure-rails{opacity:.35;transition:opacity .5s}.sp-service-object .module-connections{opacity:0;transition:opacity .45s}.sp-service-object .web-detail,.sp-service-object .process-detail{transition:opacity .45s}.sp-service-object .process-detail{opacity:0}.sp-service-object .care-guides,.sp-service-object .care-mark,.sp-service-object .flow-packet,.sp-service-object .incoming-request{opacity:0}.sp-service-object .object-body{transform-origin:50% 50%}
#service-object[data-state=flow] .module-a{transform:translate(-4px,-8px)}#service-object[data-state=flow] .module-b{transform:translate(-4px,4px)}#service-object[data-state=flow] .module-c{transform:translate(4px,4px)}#service-object[data-state=systems] .module-a{transform:translate(0,-12px)}#service-object[data-state=systems] .module-b{transform:translate(-7px,7px)}#service-object[data-state=systems] .module-c{transform:translate(7px,7px)}#service-object:not([data-state=web]) .web-detail{opacity:0}#service-object:not([data-state=web]) .process-detail{opacity:1}#service-object:not([data-state=web]) .module-connections{opacity:1}#service-object[data-state=systems] .structure-rails{opacity:1}#service-object[data-state=care] .care-mark{opacity:1}
#service-object[data-compact=true] .module-a{transform:translate(92px,0) scale(.55,1)}#service-object[data-compact=true] .module-b{transform:translate(92px,-15px) scale(.55,1)}#service-object[data-compact=true] .module-c{transform:translate(-5px,33px) scale(.55,.75)}
#service-object[data-context=visits][data-state=systems] .module-a{transform:translate(0,-5px)}#service-object[data-context=visits][data-state=systems] .module-b{transform:translate(160px,6px)}#service-object[data-context=visits][data-state=systems] .module-c{transform:translate(-156px,6px)}#service-object[data-context=requests][data-state=systems] .module-a{transform:translate(0,-18px)}#service-object[data-context=requests][data-state=systems] .module-b{transform:translate(-3px,0)}#service-object[data-context=requests][data-state=systems] .module-c{transform:translate(3px,0)}
#service-object[data-running=flow] .incoming-request{animation:request-enter .7s ease-out both}#service-object[data-running=flow] .flow-packet{animation:route-information .95s .6s ease-in-out both}#service-object[data-running=flow] .module-connections path{stroke-dasharray:1;animation:route-draw .75s .45s both}#service-object[data-running=flow] .module-a .tile-face{animation:request-register .8s .3s both}
#service-object[data-running=care] .module-c{animation:care-adapt 1.3s cubic-bezier(.2,.7,.2,1) both}#service-object[data-running=care] .care-guides{animation:guide-align 1.3s both}#service-object[data-running=care] .care-mark{stroke-dasharray:1;animation:route-draw .3s .95s both}#service-object[data-adjusted=true] .module-c .tile-face{fill:#e4eadc}
@keyframes request-enter{0%{opacity:0;transform:translate(-35px,92px)}20%{opacity:1}70%{opacity:1;transform:translate(97px,86px)}100%{opacity:0;transform:translate(101px,84px)}}@keyframes route-information{0%{opacity:0;transform:translate(225px,158px)}15%{opacity:1}40%{transform:translate(225px,188px)}75%{opacity:1;transform:translate(311px,188px)}95%{opacity:1;transform:translate(311px,207px)}100%{opacity:0;transform:translate(311px,211px)}}@keyframes route-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes request-register{0%,100%{fill:url(#porcelain)}45%{fill:#e1ddca}}@keyframes care-adapt{0%{transform:none}25%{transform:translate(7px,-9px)}100%{transform:none}}@keyframes guide-align{0%,100%{opacity:0}30%,75%{opacity:.8}}
.services-close{padding:96px var(--gutter) 104px;display:grid;grid-template-columns:1.45fr 1fr;gap:26px 8vw;background:#e9e7de}.services-close>.micro{grid-column:1/-1;color:#5c625f}.services-close h2{font-size:clamp(2.7rem,4.5vw,5.3rem);line-height:1.08}.services-close>div{padding-top:8px}.services-close p{font-size:.875rem;line-height:1.8}.project-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;width:fit-content;max-width:100%;min-height:56px;border:1px solid #141c20;padding:16px 20px;margin-top:24px;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase}.project-cta span{font-size:1.25rem;transition:transform .2s}.project-cta:hover span{transform:translate(2px,-2px)}.services-close .close-reassurance{font-size:.6875rem;color:#5c625f;margin-top:24px}.services-footer{background:#e9e7de;padding:32px var(--gutter);border-top:1px solid #bdc0b4;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:28px;font-size:.6875rem}.services-footer nav{display:flex;flex-direction:column;gap:12px}.services-footer nav a{min-height:28px}.services-footer>.micro{grid-column:1/-1;font-size:.5625rem;color:#5c625f}
@media(max-width:1050px){.opening-grid{gap:6vw;grid-template-columns:1.2fr 1fr}.services-workbench{gap:4vw;grid-template-columns:1.1fr 1fr}.services-spatial .header-note{display:none}.need-choice{padding:16px 12px;grid-template-columns:1fr}.choice-index{display:none}.choice-capacity{grid-column:1}.service-panel h3{font-size:2.4rem}.opening-grid h1{font-size:clamp(2.9rem,5.9vw,4.7rem)}}
@media(max-width:700px){.services-spatial{--gutter:20px}.services-spatial .site-header{gap:5px 16px;padding:12px 0 6px;min-height:82px}.services-spatial .brand-link{min-height:24px}.services-spatial .brand-link img{width:82px}.services-spatial .site-header nav{margin:0;width:100%;justify-content:space-between;gap:4px 12px}.services-spatial .site-header nav a{font-size:.6875rem;min-height:36px}.services-opening{padding-top:36px}.services-opening .eyebrow{font-size:.625rem;margin-bottom:24px}.opening-grid{display:block}.opening-grid h1{font-size:clamp(2.6rem,10.5vw,4.6rem);line-height:1.03}.opening-conversation{max-width:36ch;padding-top:28px}.opening-conversation p{font-size:.8125rem}.opening-index{display:none}.plain-link{font-size:.6875rem;margin-top:16px}.opening-foot{margin-top:32px;display:block;font-size:.625rem;padding:20px 0}.opening-foot span{display:block}.opening-foot span+span{margin-top:5px}.services-lab{padding-top:40px;padding-bottom:32px}.lab-heading{display:block}.lab-heading h2{font-size:2.5rem;margin-top:12px}.lab-heading>p:last-child{margin-top:16px;font-size:.75rem}.need-picker{grid-template-columns:1fr 1fr;margin-top:28px}.need-choice,.need-choice:first-child{padding:14px 10px;min-height:104px}.need-choice:nth-child(2){border-right:0}.need-choice:nth-child(-n+2){border-bottom:1px solid #46524e}.choice-name{font-size:.75rem;max-width:18ch}.choice-capacity{font-size:.625rem}.services-workbench{display:flex;flex-direction:column;gap:28px;padding:26px 0 36px}.services-workbench figure{position:relative;top:auto;width:100%}.object-meta{font-size:.5625rem;padding-bottom:8px}.sp-service-object{max-height:365px}.sp-service-object .object-measure{opacity:.65}.services-workbench figcaption{font-size:.6875rem;gap:6px;padding-top:12px}.services-workbench figcaption .micro{font-size:.5625rem}.service-panels{min-height:0;width:100%;padding-top:0}.service-panel h3{font-size:clamp(2.3rem,9vw,3rem);margin:16px 0 20px}.service-panel>p:not(.capacity-label){font-size:.8125rem;max-width:none}.service-panel .capacity-label{font-size:.75rem}.capacity-label span{font-size:.625rem}.demo-action{font-size:.75rem}.demo-note{font-size:.6875rem}.visibility-note summary{font-size:.75rem}.example-record>div{font-size:.75rem}.lab-foot{display:block}.lab-foot>p{margin-top:12px;font-size:.75rem}.services-close{display:block;padding-top:56px;padding-bottom:60px}.services-close h2{font-size:clamp(2.5rem,10vw,3.8rem);margin-top:20px}.services-close>div{padding-top:24px}.services-close p{font-size:.8125rem}.project-cta{width:100%;font-size:.625rem;gap:14px}.services-footer{grid-template-columns:1fr;gap:22px}.services-footer nav{flex-direction:row;flex-wrap:wrap;gap:16px}.services-footer nav a{min-height:40px}.sp-service-object .sp-module{transition-duration:.5s}#service-object[data-running=flow] .incoming-request{animation-duration:.45s}#service-object[data-running=flow] .flow-packet{animation-duration:.65s;animation-delay:.35s}#service-object[data-running=care] .module-c,#service-object[data-running=care] .care-guides{animation-duration:.85s}#service-object[data-running=care] .care-mark{animation-delay:.6s;animation-duration:.25s}}
@media(max-width:359px){.opening-grid h1{font-size:2.5rem}.need-choice{padding:12px 8px}.choice-name{font-size:.6875rem}.object-meta{letter-spacing:.04em}.services-workbench{gap:24px}}
@media(prefers-reduced-motion:reduce){.services-spatial *,.services-spatial *:before,.services-spatial *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.services-spatial .incoming-request,.services-spatial .flow-packet,.services-spatial .care-guides{opacity:0!important}}
html[data-motion=reduced] .services-spatial *,html[data-motion=reduced] .services-spatial *:before,html[data-motion=reduced] .services-spatial *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=reduced] .services-spatial .incoming-request,html[data-motion=reduced] .services-spatial .flow-packet,html[data-motion=reduced] .services-spatial .care-guides{opacity:0!important}
/* Functional responsive study: the same three modules become one aligned column. */
#service-object[data-compact=true] .module-a{transform:translate(91.65px,3px) scale(.55,.95)}
#service-object[data-compact=true] .module-b{transform:translate(41.6px,40px) scale(1.2,.65)}
#service-object[data-compact=true] .module-c{transform:translate(-152.8px,99px) scale(1.2,.65)}
.mobile-control-slot:empty{display:none}
@media(max-width:700px){.mobile-control-slot .demo-controls{margin:10px 0 20px}.mobile-control-slot .demo-note{min-height:38px}.services-workbench{gap:30px}}

/* Studio pass: soften bezel cues; shared geometry and transformations preserved. */
.sp-service-object .structure-rails{opacity:.22}.sp-service-object .object-ground{fill:#080e1014}.sp-service-object .tile-edge{stroke-opacity:.55}
