.services-story{position:relative;z-index:2;background:var(--sbi-white);color:var(--sbi-ink);padding:0 var(--menu-left) 12svh;--stack-top:clamp(28px,5svh,60px);--stack-heading:76px;--service-read-distance:18svh}
.services-story-heading{position:relative;min-height:calc(100svh - var(--stack-heading));display:grid;grid-template-columns:25% 50% 25%;align-items:start;padding-top:max(12svh,128px);gap:0}
.services-module-overview{position:absolute;left:50%;top:60%;transform:translateX(-50%);width:min(90%,1100px);height:72px;display:flex;gap:0;isolation:isolate}
.services-module-group{position:relative;flex:var(--overview-modules);min-width:0}
.services-module-group::after{content:'';position:absolute;top:100%;left:5px;right:5px;height:9px;border:1px solid var(--sbi-gray-4);border-top:0;border-radius:0 0 3px 3px;pointer-events:none;transition:opacity 160ms ease}
.services-module-cells{display:grid;grid-template-columns:repeat(var(--overview-modules),minmax(0,1fr));height:100%}
.services-module-hit{border:0;border-radius:3px;padding:0;background:transparent;color:var(--sbi-ink);min-width:0;position:relative;display:grid;place-items:center}
.services-module-cell{display:block;width:88%;aspect-ratio:1;background:var(--sbi-gray-4);border-radius:14%}
.entity-sequence[data-services-stage] .services-module-cell{visibility:hidden}
:root .services-module-name[data-ui-button]{position:absolute;top:calc(100% + 25px);left:5px;width:calc(100% - 10px);min-height:44px;--button-width:100%;--button-height:44px;transition:opacity 160ms ease,background-color 180ms,color 180ms,border-color 180ms}
.entity-sequence[data-services-stage=deploy] .services-module-name,.entity-sequence[data-services-stage=service] .services-module-name,.entity-sequence[data-services-stage=deploy] .services-module-group::after,.entity-sequence[data-services-stage=service] .services-module-group::after{opacity:0;pointer-events:none}
.services-module-hit:focus-visible{outline:2px solid var(--sbi-brand);outline-offset:2px}
.services-module-tooltip{position:absolute;z-index:5;left:0;bottom:calc(100% + 24px);width:max-content;max-width:min(360px,100%);padding:13px 18px;border-radius:3px;background:var(--sbi-ink);color:var(--sbi-white);font:550 14px/1.35 Onest,sans-serif;letter-spacing:-.015em;pointer-events:none}
.services-module-tooltip[hidden]{display:none}
.entity-sequence[data-services-stage=overview] .service-chapter:first-of-type .service-shape-well{visibility:hidden}
.services-story-heading>p{display:flex;gap:clamp(24px,6vw,120px);font:600 13px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.03em}
.services-story-heading h2{font-size:clamp(30px,3.3vw,62px);line-height:1.08;font-weight:450;letter-spacing:-.035em;padding-right:4vw;margin:0}
.services-count{font:600 13px/1.4 ui-monospace,monospace}
.services-story-tools{display:flex;align-items:center;justify-content:space-between;margin-top:-14px;min-height:44px}
.service-motion-toggle{position:absolute;z-index:4;pointer-events:auto;width:44px;height:44px}
.service-motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.service-play,.service-motion-toggle[aria-pressed=true] .service-pause{display:none}.service-motion-toggle[aria-pressed=true] .service-play{display:block}
.service-stack{position:relative;padding-bottom:4svh}
.service-scroll-marker{height:0;pointer-events:none}
.service-read-hold{height:var(--service-read-distance);pointer-events:none}
.service-chapter{position:sticky;top:calc(var(--stack-top) + var(--service-index)*var(--stack-heading));min-height:calc(100svh - var(--stack-top) - var(--service-index)*var(--stack-heading));background:var(--sbi-white);border-top:1px dashed var(--sbi-gray-4);display:grid;grid-template-columns:25% 50% 25%;grid-template-rows:var(--stack-heading) 1fr;isolation:isolate}
.service-code{padding-top:24px;font:500 13px/1.4 ui-monospace,monospace;letter-spacing:.02em}
.service-chapter h3{font-size:clamp(26px,2.5vw,46px);font-weight:450;letter-spacing:-.035em;line-height:1.14;padding:19px 4vw 15px 0;margin:0}
.service-chapter-copy{grid-column:2;grid-row:2;padding:7svh 5vw 10svh 0;align-self:start}
.service-chapter-copy p{font-size:clamp(17px,1.25vw,23px);line-height:1.35;max-width:42ch;text-indent:18%;margin:0}
.service-cta{margin-top:8svh}
.service-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}
.service-shape-well{grid-column:3;grid-row:1/3;margin-top:20px;background:var(--sbi-gray-1);border-radius:3px;position:relative;min-width:0}
.service-shape-well>svg{display:none;width:100%;fill:var(--sbi-gray-4)}
.service-shape-well>span{display:none;font:500 11px/1.4 ui-monospace,monospace;letter-spacing:.025em;text-transform:uppercase;color:var(--sbi-gray-6);text-align:center}
.service-figure-caption{position:absolute;transform:translateX(-50%);font:500 11px/1.4 ui-monospace,monospace;letter-spacing:.025em;text-transform:uppercase;color:var(--sbi-gray-6);text-align:center;pointer-events:none}
.service-figure-caption[hidden]{display:none}
@media(hover:hover) and (pointer:fine){}
@media(max-width:900px){
 .services-story{--stack-heading:70px;--stack-top:18px;padding-bottom:8svh}
 .services-story-heading{min-height:calc(100svh - var(--stack-heading));padding-top:max(7svh,124px);grid-template-columns:1fr auto;row-gap:25px;align-content:start}
 .services-module-overview{top:55%;width:98%;height:60px}
 :root .services-module-name[data-ui-button]{left:3px;width:calc(100% - 6px);padding:9px 3px;--button-font:650 10px/1.3 ui-monospace,monospace;letter-spacing:0}
 .services-module-name>.button-arrow{display:none}.services-module-tooltip{font-size:13px;padding:12px 14px}
 .services-story-heading>p{gap:20px;font-size:11px}.services-story-tools{grid-column:2;grid-row:1;gap:15px}.services-count{font-size:11px}
 .services-story-heading h2{grid-column:1/3;font-size:clamp(28px,6.7vw,44px);max-width:20ch}
 .service-chapter{grid-template-columns:60% 40%;grid-template-rows:var(--stack-heading) 1fr}
 .service-code{font-size:10px;padding-top:14px;grid-row:1;grid-column:1;align-self:start}
 .service-chapter h3{grid-column:1/3;grid-row:1;align-self:end;font-size:clamp(23px,5.4vw,35px);padding:0 0 14px;line-height:1.05}
 .service-chapter-copy{grid-column:1;grid-row:2;padding:4svh 16px 7svh 0}
 .service-chapter-copy p{font-size:15px;line-height:1.4;text-indent:0}
 .service-cta{margin-top:5svh}
 .service-cta>.scramble-label{white-space:normal}
 .service-shape-well{grid-column:2;grid-row:2;margin-top:0;align-self:stretch;height:auto;max-height:none}
 .service-shape-well>span,.service-figure-caption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .services-story-heading{min-height:55svh}.services-module-overview{top:auto;bottom:8svh;height:44px}.entity-sequence[data-services-stage] .services-module-cell{visibility:visible}
 .services-module-group,.services-module-group::after,.services-module-cell,.services-module-name{transition:none}
 :root .services-module-name[data-ui-button]{transition:none}
 .services-story{padding-bottom:5svh}.service-chapter{position:relative;top:auto;min-height:65svh}
 .service-read-hold{display:none}
 .service-shape-well{display:flex;flex-direction:column;justify-content:center;gap:18px;padding-bottom:20px}.service-shape-well>svg{display:block}.service-shape-well>span{display:block;padding:0 12px}
 .service-motion-toggle{visibility:hidden}
}
@media(max-width:900px) and (max-height:599px){
 .service-chapter{position:relative;top:auto;min-height:0}
 .service-read-hold{display:none}
 .service-shape-well>svg{display:block}
 .service-shape-well{display:flex;align-items:center}
 .service-figure-caption{display:none}
}