/* One story; HTML remains usable before graphics load and without WebGL. */
.website-innovation .connected-ecosystem{background:radial-gradient(ellipse at 78% 40%,#123b8133,transparent 55%),var(--site-bg);color:var(--site-ink);overflow-anchor:none}
.connected-ecosystem .innovation-chip-viewport{width:52%;right:2%;pointer-events:auto}
.website-innovation .connected-ecosystem[data-scene-ready=true]:not([data-scene-static=true]) .innovation-chip-viewport{background:transparent}
.connected-ecosystem .innovation-chip-viewport canvas{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent)}
.connected-ecosystem .innovation-chip-copy{width:44%;max-width:650px}
.connected-ecosystem .innovation-chip-copy :is(h1,h2){color:var(--site-ink);font-size:clamp(40px,5.1vw,78px);line-height:1.07}
.connected-ecosystem .innovation-chip-copy>p{color:var(--site-muted);max-width:440px}
.connected-ecosystem .innovation-kicker,.connected-ecosystem .innovation-chip-actions>a{color:var(--site-ink)}
.connected-ecosystem .innovation-kicker>span{background:var(--site-accent)}
.connected-ecosystem .innovation-scene-caption{left:49%;color:var(--site-muted);font-size:8px;letter-spacing:.08em}
.connected-ecosystem .innovation-scene-label{color:var(--site-ink)}
.connected-ecosystem .innovation-scene-controls{background:var(--site-bg);border-color:var(--site-line);flex-wrap:wrap;gap:4px 24px;padding-top:10px;bottom:14px}
.website-innovation .connected-ecosystem[data-scene=ecosystem] .innovation-scene-controls{visibility:visible;pointer-events:auto}
.connected-ecosystem .innovation-scene-controls nav{gap:clamp(10px,1.7vw,26px);flex-wrap:wrap}
.connected-ecosystem .innovation-scene-controls nav a{color:var(--site-muted);min-height:44px;font-size:10px;gap:7px}
.connected-ecosystem .innovation-scene-controls nav a[aria-current]{color:var(--site-ink)}
.connected-ecosystem .innovation-scene-controls nav a[aria-current]>span{color:var(--site-accent);border-color:var(--site-accent)}
.connected-ecosystem :is(.innovation-scene-motion,.innovation-scene-skip){color:var(--site-muted);min-height:44px}
.website-innovation .connected-ecosystem .innovation-chip-chapter{padding-bottom:150px;scroll-margin-top:0;background:transparent}
.ecosystem-pathways{position:relative;z-index:4;background:var(--site-bg);padding:64px var(--innovation-page-gutter) 90px;scroll-margin-top:0}
.ecosystem-exit-passage{display:none}
.connected-ecosystem[data-scene-ready=true]:not([data-scene-static=true]) .ecosystem-exit-passage{display:block;height:calc(var(--scene-height) * 2.75)}
.connected-ecosystem[data-exit-active=true] .innovation-chip-viewport{width:calc(52% + 48% * var(--ecosystem-exit-expand));right:calc(2% * (1 - var(--ecosystem-exit-expand)))}
.connected-ecosystem[data-exit-active=true] .innovation-chip-viewport canvas{mask-image:none}
.connected-ecosystem[data-exit-active=true] :is(.innovation-scene-caption,.innovation-scene-controls){opacity:var(--ecosystem-exit-chrome)}
.connected-ecosystem[data-exit-active=true] .innovation-scene-controls{pointer-events:none!important}
.connected-ecosystem .innovation-chip-stage:after{content:"";position:absolute;inset:0;background:var(--site-bg);opacity:var(--ecosystem-exit-reveal,0);pointer-events:none}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways{background:transparent}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways :is(.service-card,.innovation-entry-card){opacity:var(--ecosystem-exit-reveal);transform:none}
.connected-ecosystem .ecosystem-pathways :is(.service-card,.innovation-entry-card){--site-ink:#eaf1ff;--site-muted:#afbed5;--site-accent:#c5f16b;color:var(--site-ink);background:#142b49;border:2px solid #bda769;border-radius:8px;overflow:visible;box-shadow:inset 0 0 0 3px #071c33}
.website-innovation .connected-ecosystem .ecosystem-pathways .circle-arrow{color:#142b49}
.connected-ecosystem .ecosystem-pathways :is(.service-card,.innovation-entry-card):before,.connected-ecosystem .ecosystem-pathways :is(.service-card,.innovation-entry-card):after{content:"";position:absolute;top:5%;bottom:5%;width:12px;height:auto;background:repeating-linear-gradient(to bottom,#b8cbe2 0 10%,transparent 10% 20%);opacity:1;pointer-events:none}
.connected-ecosystem .ecosystem-pathways :is(.service-card,.innovation-entry-card):before{left:-12px;right:auto}
.connected-ecosystem .ecosystem-pathways :is(.service-card,.innovation-entry-card):after{right:-12px}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways :is(.service-card,.innovation-entry-card)[data-ssd-linked=true]{opacity:1;transform-origin:0 0;transform:var(--ssd-card-transform)!important;transition:none;pointer-events:none}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways :is(.service-card,.innovation-entry-card)[data-ssd-linked=true]>:not(.card-number){opacity:var(--ecosystem-card-content)}
.connected-ecosystem[data-cards-arrived=true] .ecosystem-pathways :is(.service-card,.innovation-entry-card)[data-ssd-linked=true]{pointer-events:auto}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways:focus-within :is(.service-card,.innovation-entry-card){opacity:1;transform:none}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways:focus-within :is(.service-card,.innovation-entry-card)[data-ssd-linked=true]{transform:none!important;pointer-events:auto}
.connected-ecosystem[data-exit-active=true] .ecosystem-pathways:focus-within :is(.service-card,.innovation-entry-card)>*{opacity:1!important}
.ecosystem-poster{position:absolute;inset:8% 0 12%;display:grid;place-items:center;color:#86a9e0}
.ecosystem-poster svg{width:100%;height:100%;max-width:590px}
.ecosystem-brand{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:17%;height:auto;background:#fff;padding:6px;border-radius:6px}
.ecosystem-poster-labels{position:absolute;left:3%;right:3%;bottom:0;display:flex;justify-content:center;gap:7px 15px;flex-wrap:wrap;font:10px/1.5 ui-monospace,monospace;color:var(--site-muted)}
.connected-ecosystem[data-scene-ready=true]:not([data-scene-static=true]) .ecosystem-poster{visibility:hidden}
.connected-ecosystem[data-scene-static=true] .innovation-chip-viewport canvas{display:none}
.website-innovation .connected-ecosystem[data-scene-static=true] .innovation-chip-stage{position:relative!important;height:400px;overflow:visible}
.website-innovation .connected-ecosystem[data-scene-static=true] .innovation-chip-viewport{inset:0;max-width:600px;width:100%;height:300px;margin:auto}
.connected-ecosystem[data-scene-static=true] .innovation-scene-caption{display:none}
.connected-ecosystem[data-scene-static=true] .innovation-chip-chapters{margin-top:0!important}
.website-innovation .connected-ecosystem[data-scene-static=true] .innovation-chip-chapter{min-height:0;padding:50px var(--innovation-page-gutter);border-top:1px solid var(--site-line);background:var(--site-bg)}
.website-innovation .connected-ecosystem[data-scene-static=true] .innovation-chip-copy{width:100%;max-width:900px}
.website-innovation .connected-ecosystem[data-scene-static=true] .innovation-chip-copy>p{max-width:620px}
.website-motion-toggle{min-width:44px;min-height:44px;border:1px solid var(--site-line);border-radius:50%;background:var(--site-surface);color:var(--site-ink);font-size:16px;cursor:pointer}
.website-motion-toggle[hidden]{display:none}
.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-innovation-theme=light] .connected-ecosystem .innovation-chip-actions .btn-primary{background:#072c93;color:white;border-color:#072c93}
html[data-innovation-theme=light] .ecosystem-poster{color:#072c93}
@media(max-width:1350px){.connected-ecosystem .innovation-scene-controls nav{gap:12px}.connected-ecosystem .innovation-scene-controls nav i{display:inline}}
@media(max-width:1000px){.connected-ecosystem .innovation-scene-controls nav{gap:7px 15px}.connected-ecosystem .innovation-scene-controls nav a{font-size:9px}.connected-ecosystem .innovation-scene-caption>span:first-child{display:none}}
@media(min-width:761px) and (max-height:850px){
 .connected-ecosystem .innovation-chip-copy :is(h1,h2){font-size:clamp(40px,3.8vw,52px);margin:18px 0 22px;line-height:1.1}
 .connected-ecosystem .innovation-chip-copy>p{font-size:14px;line-height:1.7;margin-bottom:22px}
 .website-innovation .connected-ecosystem .innovation-chip-chapter{padding-top:40px;padding-bottom:135px}
}
@media(max-width:760px){
 .connected-ecosystem[data-exit-active=true] .innovation-chip-viewport{width:100%;right:0;height:calc(33% + 67% * var(--ecosystem-exit-expand))}
 .website-innovation .connected-ecosystem{--scene-height:max(740px,calc(100svh - var(--page-top-height)))}
 .connected-ecosystem .innovation-chip-viewport{width:100%;height:33%;inset:0 0 auto}
 .connected-ecosystem .innovation-chip-copy{width:100%;max-width:600px}
 .connected-ecosystem .innovation-chip-copy :is(h1,h2){font-size:clamp(34px,8.5vw,49px);margin:14px 0 18px}
 .connected-ecosystem .innovation-chip-copy>p{font-size:14px;line-height:1.7;margin-bottom:18px}
 .website-innovation .connected-ecosystem .innovation-chip-chapter{align-items:flex-start;padding-top:calc(var(--scene-height) * .33 + 4px);padding-bottom:140px}
 .connected-ecosystem .innovation-scene-caption{display:none}
 .connected-ecosystem .innovation-scene-controls{bottom:4px;gap:0;left:var(--innovation-page-gutter);right:var(--innovation-page-gutter)}
 .connected-ecosystem .innovation-scene-controls nav{gap:0 11px;justify-content:flex-start}
 .connected-ecosystem .innovation-scene-controls nav a>span{display:none}
 .connected-ecosystem .innovation-scene-controls nav i{display:inline;font-size:10px}
 .connected-ecosystem .innovation-scene-controls>div{gap:20px;flex-direction:row;align-items:center}
 .connected-ecosystem .innovation-scene-controls [data-motion-toggle]{display:none}
 .ecosystem-poster{inset:0 0 9%}.ecosystem-poster-labels{font-size:8px;gap:4px 9px;bottom:0}
 .website-innovation .connected-ecosystem[data-scene-static=true] .innovation-chip-stage{height:430px}
 .ecosystem-pathways .service-grid{grid-template-columns:1fr}
 .header-tools{gap:6px}.website-innovation .brand-lockup img{width:60px;height:55px}
 .website-theme-toggle{padding:8px 10px;gap:5px}
}
/* Short viewports and enlarged text use flowing content, never a clipped slide. */
@media(min-width:481px) and (max-width:760px) and (min-height:701px) and (max-height:800px){
 .connected-ecosystem[data-exit-active=true] .innovation-chip-viewport{height:calc(28% + 72% * var(--ecosystem-exit-expand))}
 .website-innovation .connected-ecosystem{--scene-height:calc(100svh - var(--page-top-height))}
 .connected-ecosystem .innovation-chip-viewport{height:28%}
 .website-innovation .connected-ecosystem .innovation-chip-chapter{padding-top:calc(var(--scene-height) * .28 + 4px);padding-bottom:130px}
 .connected-ecosystem .innovation-chip-copy :is(h1,h2){font-size:40px}
 .connected-ecosystem .innovation-chip-copy>p{font-size:13px;line-height:1.6}
}
@media(max-height:700px),(max-width:480px) and (max-height:800px){
 .connected-ecosystem[data-scene-ready=true]:not([data-scene-static=true]) .ecosystem-exit-passage{display:none}
 .website-innovation .connected-ecosystem{--scene-height:auto}
 .website-innovation .connected-ecosystem .innovation-chip-stage{position:relative!important;height:420px;overflow:visible}
 .connected-ecosystem .innovation-chip-viewport{inset:0;width:100%;height:290px;max-width:600px;margin:auto}
 .connected-ecosystem .innovation-chip-chapters{margin-top:0!important}
 .website-innovation .connected-ecosystem .innovation-chip-chapter:not(:first-child),.website-innovation .connected-ecosystem .innovation-chip-chapter:first-child{min-height:0;padding:50px var(--innovation-page-gutter);border-top:1px solid var(--site-line);background:var(--site-bg)}
 .connected-ecosystem .innovation-chip-copy{width:100%;max-width:900px}
 .connected-ecosystem .innovation-scene-caption{display:none}
}
@media(prefers-reduced-motion:reduce){.connected-ecosystem *{scroll-behavior:auto!important;transition:none!important}.connected-ecosystem .innovation-chip-viewport canvas{display:none}}
/* Two short scroll movements of reading space precede every transformation. */
.website-innovation .connected-ecosystem[data-story-holds=true] .innovation-chip-chapter{display:block;min-height:calc(var(--scene-height) + clamp(360px,70svh,640px));padding-top:calc(var(--scene-height) * .18)}
.connected-ecosystem[data-story-holds=true] .innovation-chip-copy{position:sticky;top:calc(var(--scene-top) + var(--scene-height) * .18)}
@media(max-width:760px){
 .website-innovation .connected-ecosystem[data-story-holds=true] .innovation-chip-chapter{padding-top:calc(var(--scene-height) * .33 + 4px)}
 .connected-ecosystem[data-story-holds=true] .innovation-chip-copy{top:calc(var(--scene-top) + var(--scene-height) * .33 + 4px)}
}
@media(min-width:481px) and (max-width:760px) and (min-height:701px) and (max-height:800px){
 .website-innovation .connected-ecosystem[data-story-holds=true] .innovation-chip-chapter{padding-top:calc(var(--scene-height) * .28 + 4px)}
 .connected-ecosystem[data-story-holds=true] .innovation-chip-copy{top:calc(var(--scene-top) + var(--scene-height) * .28 + 4px)}
}