/* A native horizontal product rail, with freely scrolling vertical navigation. */
body #ecosystem .continuity-map .ecosystem-overview{display:flex!important;gap:28px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#df7a2b #ffffff12;padding:0 2px 24px!important;isolation:auto}
#ecosystem .continuity-map .ecosystem-overview:before,#ecosystem .continuity-map .ecosystem-overview:after,#ecosystem .continuity-map .ecosystem-overview>a:before{display:none}
body #ecosystem .continuity-map .ecosystem-overview>a{display:flex;flex:0 0 clamp(300px,34vw,480px);gap:14px;scroll-snap-align:start;border:0;padding:0 0 20px!important;transform:none;opacity:1!important;min-width:0;white-space:normal;transition:none}
.ecosystem-picture{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#10243a;flex-shrink:0}.ecosystem-picture>img{display:block;width:100%;height:100%;object-fit:cover;scale:calc(1.08 - var(--tile-reveal,1)*.08);clip-path:inset(0 calc((1 - var(--tile-reveal,1))*22%) 0 0 round 18px);transition:filter .5s}.ecosystem-picture-orb{background:radial-gradient(ellipse at center,#234667,#0b1828 75%)}.ecosystem-sphere{display:block;position:absolute;inset:10% auto auto 20%;width:60%;height:auto;aspect-ratio:1}.ecosystem-number{display:block;font-size:11px;letter-spacing:.15em;color:#df7a2b;margin-top:10px}body #ecosystem .ecosystem-overview .overview-name{font-size:28px;letter-spacing:.035em;line-height:1.15}body #ecosystem .ecosystem-overview small{font-size:16px;line-height:1.7;max-width:360px}
body #home .presence{scale:calc(1 - var(--hero-scroll,0)*.06);translate:0 calc(var(--hero-scroll,0)*25px);opacity:calc(1 - var(--hero-scroll,0)*.22)}body #home .hero-copy{translate:0 calc(var(--hero-scroll,0)*22px)}
#hub .chapter-visual{clip-path:inset(0 calc((1 - var(--recovery-reveal,1))*28%) 0 0 round 18px)}#hub .chapter-visual>img{scale:calc(1.07 - var(--recovery-reveal,1)*.07)}
@media(hover:hover) and (pointer:fine){#ecosystem .ecosystem-overview>a:hover .ecosystem-picture>img{filter:brightness(1.07)}#ecosystem .ecosystem-overview>a:hover .overview-name{color:#fca45c}}
@media(max-width:760px){body #ecosystem .continuity-map .ecosystem-overview{gap:18px!important}body #ecosystem .continuity-map .ecosystem-overview>a{flex-basis:82%;max-width:390px}.ecosystem-picture{aspect-ratio:4/3;border-radius:16px}body #ecosystem .ecosystem-overview .overview-name{font-size:25px}body #ecosystem .ecosystem-overview small{font-size:15px}body #home .hero-copy,body #home .presence{translate:none;scale:1;opacity:1}#hub .chapter-visual{clip-path:inset(0 calc((1 - var(--recovery-reveal,1))*10%) 0 0 round 16px)}#hub .chapter-visual>img{scale:1}}
@media(prefers-reduced-motion:reduce){body #home .hero-copy,body #home .presence{translate:none;scale:1;opacity:1}body #ecosystem .continuity-map .ecosystem-overview{scroll-snap-type:none}.ecosystem-picture>img,#hub .chapter-visual>img{scale:1;clip-path:none;transition:none}#hub .chapter-visual{clip-path:none!important}}

/* Four visible components; no horizontal search or clipped cards. */
body #ecosystem .continuity-map .ecosystem-overview{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;gap:24px!important;padding:0!important}
body #ecosystem .continuity-map .ecosystem-overview>a{width:100%;max-width:none;min-width:0;flex-basis:auto;overflow:visible}.ecosystem-picture{aspect-ratio:3/2}.ecosystem-picture>img{object-fit:cover;object-position:center}.ecosystem-picture-presence .ecosystem-sphere{inset:auto auto 8% 7%;width:24%;max-width:120px;filter:drop-shadow(0 3px 8px #00132455)}body #ecosystem .ecosystem-overview .overview-name{font-size:clamp(16px,1.7vw,25px);overflow-wrap:anywhere}body #ecosystem .ecosystem-overview small{font-size:14px}
@media(max-width:1100px){body #ecosystem .continuity-map .ecosystem-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}body #ecosystem .ecosystem-overview .overview-name{font-size:24px}}
@media(max-width:600px){body #ecosystem .continuity-map .ecosystem-overview{grid-template-columns:1fr!important;gap:30px!important}.ecosystem-picture{aspect-ratio:3/2}body #ecosystem .ecosystem-overview small{font-size:15px}}

/* Supplied ecosystem photographs remain static, as requested. */
body #ecosystem .continuity-map .ecosystem-picture,body #ecosystem .continuity-map .ecosystem-picture>img,body #ecosystem .continuity-map .ecosystem-overview>a:hover .ecosystem-picture>img{animation:none!important;transition:none!important;transform:none!important;translate:none!important;scale:1!important;clip-path:none!important;filter:none!important;opacity:1!important;will-change:auto!important}
