/* The website's ecosystem renderer is hosted inside the existing EMS portal. */
.innovation-ecosystem-portal {
    --site-bg:var(--bg); --site-ink:var(--text); --site-muted:var(--text-muted);
    --site-surface:var(--surface); --site-surface-soft:var(--surface);
    --site-line:var(--border); --site-accent:var(--accent);
}
.innovation-ecosystem-portal .connected-ecosystem { --scene-top:100px; --scene-height:max(540px,calc(100svh - 100px)); }
.innovation-ecosystem-portal .connected-ecosystem .innovation-chip-copy :is(h1,h2) { white-space:pre-line; }
.innovation-ecosystem-portal .connected-ecosystem .innovation-chip-chapter { scroll-margin-top:var(--scene-top); }
.innovation-ecosystem-portal .ecosystem-pathways .innovation-entry-grid { margin:0; }
.innovation-ecosystem-portal .ecosystem-pathways .innovation-entry-card { min-width:0; background:var(--site-surface); }
.innovation-ecosystem-portal .ecosystem-pathways .innovation-entry-card[data-ssd-linked=true] { transform:var(--ssd-card-transform); transform-origin:0 0; will-change:transform; }
.innovation-ecosystem-portal .connected-ecosystem[data-exit-active=true] .ecosystem-pathways .innovation-entry-card>* { opacity:var(--ecosystem-card-content,1); }
.innovation-ecosystem-portal .connected-ecosystem[data-exit-active=true] .ecosystem-pathways:focus-within .innovation-entry-card { transform:none!important; }
.innovation-ecosystem-portal .connected-ecosystem[data-exit-active=true] .ecosystem-pathways:focus-within .innovation-entry-card>* { opacity:1!important; }
.innovation-ecosystem-portal .connected-ecosystem[data-scene-static=true] .innovation-chip-stage { position:relative!important; }
.innovation-ecosystem-portal .innovation-event-nav { transition:transform .45s,opacity .35s,visibility .45s; }
.innovation-ecosystem-portal[data-page-stack-active=true] .innovation-event-nav { transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none; }
.innovation-ecosystem-portal .innovation-section-stack { --website-stack-hold:clamp(360px,75vh,720px); }
.innovation-ecosystem-portal .innovation-section-stack[data-website-stack=true] .innovation-stack-panel { position:sticky;top:var(--website-stack-rest,0px);min-height:var(--website-stack-height,100svh);margin-bottom:var(--website-stack-hold);border-radius:28px 28px 0 0; }
.innovation-ecosystem-portal .innovation-section-stack[data-website-stack=true] .innovation-stack-panel:last-child { margin-bottom:0; }
.innovation-ecosystem-portal .innovation-section-stack[data-website-stack=false] .innovation-stack-panel { position:relative;min-height:0; }
@media(max-width:760px) {
    .innovation-ecosystem-portal .connected-ecosystem { --scene-top:84px; --scene-height:calc(100svh - 140px); }
    .innovation-ecosystem-portal .ecosystem-pathways .innovation-entry-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
    .innovation-ecosystem-portal .ecosystem-pathways .innovation-entry-card { transform:none!important; }
}

/* Compact chapters carry their own artwork in normal document flow. */
.ecosystem-chapter-art { display:none; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) {
    --scene-height:auto;
}
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-stage {
    position:relative!important;inset:auto!important;height:auto;overflow:visible;padding:12px var(--innovation-page-gutter) 0;
}
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-stage:before,
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-stage:after { display:none; }
/* This single drawing surface supplies the visible chapter canvases. */
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-viewport {
    position:absolute;inset:0 auto auto 0;width:320px;height:260px;visibility:hidden;pointer-events:none;
}
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-chapters { margin-top:0!important; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-chapter {
    display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:20px;min-height:0;padding:28px var(--innovation-page-gutter) 52px;border:0;border-bottom:1px solid var(--site-line);background:transparent;scroll-margin-top:var(--scene-top);
}
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .ecosystem-chapter-art {
    display:block;position:relative;width:100%;max-width:620px;height:clamp(240px,65vw,380px);margin-inline:auto;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--site-accent) 9%,transparent),transparent 70%);
}
.ecosystem-chapter-art canvas { display:block;width:100%;height:100%;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent); }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-chip-copy {
    position:relative;top:auto;width:100%;max-width:620px;margin-inline:auto;
}
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-chip-copy :is(h1,h2) { font-size:clamp(32px,6vw,48px);margin:14px 0 18px; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-chip-copy>p { max-width:600px;font-size:15px;line-height:1.7; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-chip-actions>a { min-height:44px;display:inline-flex;align-items:center; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-scene-caption { display:none; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true]:not([data-scene-static=true]) .innovation-scene-controls {
    position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:4px 20px;min-height:56px;padding:0 0 8px;border-top:0;border-bottom:1px solid var(--site-line);max-width:1100px;margin:auto;
}
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-scene-controls nav { flex:1 1 100%;min-width:0;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:6px;scrollbar-width:thin; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-scene-controls nav a { flex-shrink:0;min-height:44px;gap:7px; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-scene-controls nav a>span { display:grid;width:28px;height:28px; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-scene-controls nav i { display:inline;font-size:11px; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .innovation-scene-controls>div { flex:1;display:flex;flex-direction:row;justify-content:space-between;gap:16px; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] :is(.innovation-scene-skip,.innovation-scene-motion) { display:flex;align-items:center;min-height:44px;font-size:11px;padding:6px; }
.innovation-ecosystem-portal .connected-ecosystem[data-compact-scene=true] .ecosystem-exit-passage { display:none; }
/* Wide, short viewports have room for artwork beside the reading column. */
.innovation-ecosystem-portal .connected-ecosystem[data-chapter-layout=beside]:not([data-scene-static=true]) .innovation-chip-chapter {
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);padding-block:48px;
}
.innovation-ecosystem-portal .connected-ecosystem[data-chapter-layout=beside]:not([data-scene-static=true]) .ecosystem-chapter-art { height:clamp(260px,34vw,420px); }
.innovation-ecosystem-portal .connected-ecosystem[data-chapter-layout=beside] .innovation-chip-copy :is(h1,h2) { font-size:clamp(32px,4vw,48px); }
@media(prefers-reduced-motion:reduce) {
    .innovation-ecosystem-portal .connected-ecosystem .innovation-scene-motion { display:none; }
}
@media(max-width:400px) {
    .innovation-ecosystem-portal .innovation-event-nav { gap:8px; }
    .innovation-ecosystem-portal .innovation-event-name { flex:1;max-width:none;min-width:0;gap:8px; }
    .innovation-ecosystem-portal .innovation-event-name .ictaz-logo { width:40px;height:34px; }
    .innovation-ecosystem-portal .innovation-event-name small { letter-spacing:.06em;font-size:7px; }
    .innovation-ecosystem-portal .innovation-nav-links { gap:6px;flex-shrink:0; }
    .innovation-ecosystem-portal .innovation-nav-account { padding:10px;min-height:44px; }
    .innovation-ecosystem-portal .innovation-theme-switch { padding:8px;min-height:44px; }
    .innovation-ecosystem-portal .innovation-theme-name { display:none; }
}
