.ecosystem-browser{--eco-line:#2a3944;--eco-muted:#a5b5c0;--eco-panel:#101920;min-width:0}
.eco-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:40px;align-items:center;padding:32px;background:linear-gradient(125deg,#192832,#0e151c);border:1px solid var(--eco-line);border-radius:16px}
.inner-content .eco-overview h2{font-family:Inter,Arial,sans-serif;text-transform:none;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.15;max-width:680px;margin:12px 0 18px}
.inner-content .eco-overview p{max-width:680px;margin-bottom:0;font-size:.95rem;color:var(--eco-muted)}
.eco-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.eco-metrics>div{display:flex;flex-direction:column-reverse;padding:12px 16px;border-left:1px solid #3a4b57}
.eco-metrics dt{color:var(--eco-muted);font-weight:400;font-size:.78rem}
.eco-metrics dd{font-size:1.8rem;font-weight:700;letter-spacing:-.04em;line-height:1.2;margin:0 0 5px}
.eco-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:28px 0 18px}
.eco-search{display:grid;gap:9px;flex:1;max-width:650px;font-size:.8rem;font-weight:600;color:#d4dfe6}
.eco-search input{min-width:0;width:100%;min-height:48px;padding:12px 16px;color:#edf4f8;background:#0c1319;border:1px solid #3c4b57;border-radius:8px;font-weight:400}
.eco-search input::placeholder{color:#8194a2}
.eco-expand{display:flex;gap:8px;flex-wrap:wrap}
.eco-expand button,.eco-view-switch button{background:#111c25;color:#d2dee7;border:1px solid #334552;border-radius:7px;min-height:44px;padding:10px 14px;font-size:.78rem;cursor:pointer}
.eco-expand button:hover,.eco-view-switch button:hover{background:#203340;border-color:#648097}
.eco-view-switch{display:flex;flex-wrap:wrap;gap:7px;padding:6px;background:#0c1319;border:1px solid #24333f;border-radius:10px;width:fit-content}
.eco-view-switch button{border-color:transparent;background:transparent}
.eco-view-switch button[aria-pressed=true]{background:#273e4e;color:white;border-color:#476477}
.eco-section{margin-top:44px;min-width:0}
.eco-section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:20px}
.eco-section-heading .eyebrow{font-size:.65rem;margin-bottom:9px}
.eco-section-heading h3{font-size:1.4rem;letter-spacing:-.025em;line-height:1.25;margin:0}
.inner-content .eco-section-heading>p{max-width:460px;font-size:.8rem;color:var(--eco-muted);line-height:1.65;margin:0}
.eco-hierarchy,.eco-reports,.eco-member-list,.eco-project-grid{list-style:none;padding:0;margin:0}
.eco-hierarchy,.eco-reports{display:grid;gap:12px;min-width:0}
.eco-node{min-width:0;list-style:none}
.eco-person-row{position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:96px;padding:16px;background:var(--eco-panel);border:1px solid #334450;border-left:3px solid var(--branch-color,#607f92);border-radius:10px;list-style:none}
summary.eco-person-row{cursor:pointer;transition:background .15s}
summary.eco-person-row:hover{background:#192833}
.eco-person-row::-webkit-details-marker,.eco-studio-heading::-webkit-details-marker,.eco-team>summary::-webkit-details-marker{display:none}
.eco-avatar{width:48px;height:48px;flex:0 0 48px;object-fit:cover;object-position:center top;border-radius:12px;background:#23333f;border:1px solid #3a4c59}
.eco-initial{display:grid;place-items:center;font-size:1.25rem;font-weight:700;color:#c6d9e7}
.eco-person-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.eco-profile,.eco-person-copy>strong{font-size:.9rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere;color:#f1f6fa;width:fit-content}
.eco-profile:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}
.eco-role{display:block;font-size:.75rem;color:#b2c4d2;line-height:1.45;overflow-wrap:anywhere}
.eco-person-copy .member-identity{align-self:flex-start;font-size:.58rem;padding:2px 7px;border-color:#3b5264;color:#90b0c7;margin:2px 0 0}
.eco-report-count{display:flex;flex-direction:column;gap:4px;color:#f1f6fa;font-size:.95rem;text-align:right;flex-shrink:0}
.eco-report-count>span{font-size:.6rem;max-width:75px;color:#8ca5b8;font-weight:400}
.eco-disclosure{font-size:1rem;color:#a6c0d2;display:inline-flex;align-items:center;justify-content:center;width:20px;height:26px;flex:0 0 20px;transition:transform .15s}
details[open]>.eco-person-row>.eco-disclosure,details[open]>.eco-studio-heading>.eco-disclosure,.eco-team[open]>summary>.eco-disclosure{transform:rotate(180deg)}
.eco-branch-body{margin:10px 0 0 20px;padding-left:16px;border-left:1px solid #3a5060;min-width:0}
.eco-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:start}
.eco-node .eco-node .eco-node .eco-node .eco-branch-body{margin-left:0;padding-left:0;border-left:0}
/* Organization portraits share the studio headers' image, gradient and disclosure language. */
.eco-node .eco-person-row{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:end;gap:12px;min-height:300px;padding:24px;overflow:hidden;border-left:1px solid #334450;border-top:3px solid var(--branch-color,#607f92);border-radius:12px;background:linear-gradient(135deg,var(--branch-color,#607f92),#172a36 65%,#101920)}
.eco-node .eco-person-row::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,12,18,.05),rgba(5,12,18,.3) 35%,rgba(5,12,18,.96) 80%)}
.eco-node .eco-person-row>.eco-avatar{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;border:0;border-radius:0;object-fit:cover;object-position:center 20%;pointer-events:none}
.eco-node .eco-person-row>.eco-initial{display:grid;place-items:start center;padding:20px 0 0;font-size:4rem;background:radial-gradient(ellipse at top right,var(--branch-color,#607f92),#162733 80%);color:#e0edf5}
.eco-node .eco-person-row:has(>.eco-initial){padding-top:110px}
.eco-node .eco-person-copy{gap:7px;align-self:end}
.eco-node .eco-profile,.eco-node .eco-person-copy>strong{font-size:1.4rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;color:#fff}
.eco-node .eco-role{font-size:.8rem;color:#d0dce5}
.eco-node .eco-person-copy .member-identity{font-size:.65rem;color:#d0dce5;border-color:#ffffff40;background:#08121ab3;margin-top:3px}
.eco-node .eco-report-count{gap:5px;align-self:end;font-size:1.15rem;line-height:1.2;font-weight:650}
.eco-node .eco-report-count>span{font-size:.68rem;line-height:1.45;max-width:70px;color:#d0dce5}
.eco-node .eco-disclosure{align-self:end;width:32px;height:32px;flex-basis:32px;border:1px solid #ffffff40;border-radius:50%;background:#08121ab3;color:#fff}
.eco-node summary.eco-person-row:hover::after{background:linear-gradient(180deg,transparent,rgba(5,12,18,.2) 35%,rgba(5,12,18,.93) 80%)}
.ecosystem-browser .eco-node .eco-person-row:focus-visible{outline-offset:-5px}
.eco-node .eco-person-row:focus-within{border-color:var(--branch-color,#80c7f4)}
.eco-node-leader>.eco-branch>.eco-person-row,.eco-node-leader>.eco-person-row{min-height:260px;padding:28px;grid-template-columns:minmax(0,1fr) auto 32px}
.eco-node-leader>.eco-branch>.eco-person-row>.eco-avatar,.eco-node-leader>.eco-person-row>.eco-avatar{left:auto;width:44%;object-position:center 20%;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.eco-node-leader>.eco-branch>.eco-person-row::after,.eco-node-leader>.eco-person-row::after{background:linear-gradient(90deg,#101920 35%,rgba(5,12,18,.55) 75%),linear-gradient(0deg,rgba(5,12,18,.9),transparent 75%)}
.eco-node-leader>.eco-branch>.eco-person-row .eco-profile,.eco-node-leader>.eco-person-row .eco-profile,.eco-node-leader>.eco-branch>.eco-person-row .eco-person-copy>strong,.eco-node-leader>.eco-person-row .eco-person-copy>strong{font-size:1.8rem}
.eco-node .eco-node .eco-node .eco-person-row{min-height:240px;padding:18px}
@media(min-width:1001px){.eco-hierarchy>.eco-node>.eco-branch>.eco-branch-body>.eco-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(min-width:641px) and (max-width:1000px){.eco-hierarchy>.eco-node>.eco-branch>.eco-branch-body>.eco-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:640px){.eco-node .eco-person-row{min-height:280px;padding:20px;gap:10px}.eco-node-leader>.eco-branch>.eco-person-row,.eco-node-leader>.eco-person-row{min-height:240px;padding:20px}.eco-node-leader>.eco-branch>.eco-person-row>.eco-avatar,.eco-node-leader>.eco-person-row>.eco-avatar{width:60%}.eco-node-leader>.eco-branch>.eco-person-row .eco-profile,.eco-node-leader>.eco-person-row .eco-profile,.eco-node-leader>.eco-branch>.eco-person-row .eco-person-copy>strong,.eco-node-leader>.eco-person-row .eco-person-copy>strong{font-size:1.5rem}.eco-node .eco-node .eco-node .eco-branch-body{margin-left:0;padding-left:0;border-left:0}}
@media(max-width:640px){.eco-node .eco-person-copy{grid-column:1/-1}.eco-node .eco-report-count{grid-column:2;grid-row:2}.eco-node .eco-disclosure{grid-column:3;grid-row:2}.eco-node .eco-person-row>.eco-initial{place-items:start center;padding:20px 0 0;font-size:3.5rem}}
.eco-unassigned{padding:18px;margin-top:20px;background:#0d161d;border:1px solid #2d3d49;border-radius:10px}
.eco-unassigned>summary{cursor:pointer;color:#becdd8;font-size:.85rem}
.eco-unassigned>summary>span{display:inline-block;padding:2px 8px;margin-left:8px;border-radius:20px;background:#233744;font-size:.72rem}
.inner-content .eco-unassigned>p{font-size:.8rem;color:var(--eco-muted);margin:16px 0}
.eco-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.eco-studio{min-width:0;border:1px solid #334450;border-top:3px solid var(--studio-accent);border-radius:12px;background:#101920;overflow:hidden}
/* Decorative images fill the disclosure headers without intercepting clicks. */
.eco-studio-heading,.eco-team>summary.eco-team-heading{position:relative;isolation:isolate;display:flex;align-items:end;gap:20px;min-height:240px;padding:28px;list-style:none;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,var(--studio-accent),#172a36 65%,#101920)}
.eco-studio-heading::after,.eco-team-heading::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,12,18,.12),rgba(5,12,18,.48) 40%,rgba(5,12,18,.96))}
.eco-studio-heading>.eco-heading-image,.eco-team>summary>.eco-heading-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:0;z-index:-2;pointer-events:none}
.eco-heading-copy{display:block;flex:1;min-width:0}
.eco-studio-logo{display:block;width:120px;height:48px;object-fit:contain;object-position:left center;margin-bottom:20px;filter:drop-shadow(0 2px 8px #000)}
.eco-studio-heading strong{display:block;font-size:1.65rem;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere;color:#fff}
.eco-studio-heading small{display:block;margin-top:10px;color:#d0dce5;font-size:.75rem;line-height:1.5}
.eco-studio-heading>.eco-disclosure,.eco-team-heading>.eco-disclosure{align-self:end;width:32px;height:32px;flex-basis:32px;border:1px solid #ffffff40;border-radius:50%;background:#08121ab3;color:#fff}
.eco-studio-heading:hover::after,.eco-team-heading:hover::after{background:linear-gradient(180deg,rgba(5,12,18,.05),rgba(5,12,18,.4) 40%,rgba(5,12,18,.93))}
.eco-studio-body{padding:0 20px 20px}
.eco-studio-link,.eco-team-link{display:inline-block;font-size:.72rem;color:#a8c9df;text-underline-offset:4px;padding:16px 0}
.eco-studio-link{color:var(--studio-accent)}
.eco-studio-link:hover,.eco-team-link:hover{text-decoration:underline}
.eco-studio-leader{margin:0 0 20px}
.eco-studio-leader>small{display:block;color:#8da6b8;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.eco-team{border:1px solid #30414e;border-radius:10px;margin-top:16px;overflow:hidden;background:#0c151d}
.eco-team>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:16px;cursor:pointer;background:#192731}
.eco-team>summary.eco-team-heading{min-height:200px;padding:22px;gap:16px}
.eco-team>summary.eco-team-heading strong{font-size:1.3rem;line-height:1.2;letter-spacing:-.02em;color:#fff}
.eco-team>summary.eco-team-heading small{color:#d0dce5;font-size:.73rem;margin-top:8px}
.eco-team>summary>span:not(.eco-disclosure){flex:1;min-width:0}
.eco-team>summary strong{display:block;font-size:.85rem;overflow-wrap:anywhere}
.eco-team>summary small{display:block;font-size:.68rem;color:#99b2c3;margin-top:6px;line-height:1.5}
.eco-team-body{padding:0 18px 18px}
.eco-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.eco-project-grid>li{min-width:0}
.eco-project-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #364b5a;border-radius:10px;background:#14232e;color:#f1f6fa;text-decoration:none;transition:border-color .15s,background .15s}
.eco-project-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--studio-accent,#36586f),#172a36 65%,#0b151e)}
.eco-project-cover img{display:block;width:100%;height:100%;object-fit:cover}
.eco-project-caption{display:flex;flex:1;flex-direction:column;gap:12px;padding:16px}
.eco-project-caption strong{font-size:.95rem;line-height:1.4;overflow-wrap:anywhere;color:#f1f6fa}
.eco-project-caption>span{display:flex;justify-content:space-between;gap:12px;margin-top:auto;font-size:.72rem;color:#b7cfe0}
.eco-project-card:hover{border-color:var(--studio-accent,#80c7f4);background:#1b3040}
.eco-team-projects{margin:4px 0 22px}
.eco-team-members{border-top:1px solid var(--eco-line);padding-top:20px;margin-top:20px}
.eco-team-projects h4,.eco-team-members h4{font-size:.75rem;color:#bdcdd9;margin:0 0 12px}
.eco-member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:16px}
.eco-member-list>li{display:flex;flex-direction:column;align-items:stretch;min-width:0;overflow:hidden;background:linear-gradient(150deg,#1b2c39,#111d27);border:1px solid #354b5b;border-radius:12px}
.eco-member-list .eco-avatar{display:block;width:100%;height:auto;aspect-ratio:4/3;flex:none;object-fit:cover;object-position:center top;border:0;border-bottom:1px solid #354b5b;border-radius:0;background:#203341}
.eco-member-list .eco-initial{display:grid;place-items:center;font-size:3.5rem;background:radial-gradient(ellipse at top right,#416075,#162733 75%);color:#d5e6f1}
.eco-member-list .eco-person-copy{padding:16px;gap:8px}
.eco-member-list .eco-profile,.eco-member-list .eco-person-copy>strong{font-size:1rem;font-weight:700;line-height:1.3;color:#fff}
.eco-member-list .eco-role{font-size:.78rem;line-height:1.5;color:#bdcfdc}
.eco-member-list .member-identity{font-size:.65rem;margin-top:4px}
.eco-member-list>li:focus-within{border-color:#80c7f4;box-shadow:inset 0 0 0 1px #80c7f4}
.eco-team>.eco-member-list{padding:12px}
.eco-studio-projects{margin-top:20px}
.eco-studio-projects h4{font-size:.78rem;color:#9db3c3;margin:0 0 12px}
.inner-content .eco-no-results{padding:32px;border:1px dashed #405769;border-radius:10px;margin:32px 0;color:#b2c4d1}
.ecosystem-browser :is(a,button,input,summary):focus-visible{outline:2px solid #80c7f4;outline-offset:4px}
.ecosystem-browser :is(.eco-studio-heading,.eco-team-heading):focus-visible{outline-offset:-4px}
@media(max-width:1000px){.eco-overview{grid-template-columns:1fr}.eco-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.eco-studio-grid{grid-template-columns:1fr}.eco-section-heading{display:block}.inner-content .eco-section-heading>p{margin-top:12px;max-width:650px}}
@media(max-width:640px){.eco-overview{padding:22px;gap:24px}.eco-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eco-controls{display:block}.eco-expand{margin-top:14px}.eco-view-switch{display:grid;grid-template-columns:1fr;width:100%}.eco-view-switch button{text-align:left}.eco-person-row{padding:12px;gap:10px;min-height:92px}.eco-person-row .eco-avatar{width:38px;height:38px;flex-basis:38px}.eco-report-count{font-size:.8rem}.eco-report-count>span{max-width:45px;font-size:.55rem}.eco-branch-body{margin-left:8px;padding-left:8px}.eco-report-grid{grid-template-columns:minmax(0,1fr)}.eco-studio-body{padding:0 12px 14px}.eco-unassigned{padding:12px}}
@media(max-width:640px){.eco-studio-heading{min-height:220px;padding:20px;gap:12px}.eco-studio-heading strong{font-size:1.4rem}.eco-team>summary.eco-team-heading{padding:18px}.eco-team-body{padding:0 12px 14px}}
@media(prefers-reduced-motion:reduce){.eco-disclosure,summary.eco-person-row,.eco-project-card{transition:none}}