#ca-restored-content[data-ca-restored-page="ecosystem"] #ca-eco-hero{position:relative;isolation:isolate;max-width:none;min-height:260px;padding:36px 28px;display:flex;align-items:center;overflow:hidden;background:#151515;color:white;animation:none;opacity:1}
#ca-eco-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.18));z-index:0;pointer-events:none}
#ca-eco-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
#ca-eco-hero .ca-eco-hero-copy{position:relative;z-index:1;max-width:760px}
#ca-eco-hero .ca-eco-hero-copy>div{margin-bottom:12px}
#ca-eco-hero .ca-eco-hero-copy span{color:white;letter-spacing:0;font-size:10px}
#ca-eco-hero .ca-eco-hero-copy .h-px{background:white}
#ca-eco-hero h1{font-size:42px;line-height:1.08;letter-spacing:0;color:white}
#ca-eco-hero p{color:#fff;font-size:14px;line-height:1.5;margin-top:14px;max-width:620px}
#ca-eco-hero-toggle{position:absolute;right:16px;bottom:16px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffffb3;border-radius:50%;background:#0006;color:white}
#ca-eco-hero-toggle svg{width:16px;height:16px}
#ca-eco-hero-toggle .pause-icon{display:none}
#ca-eco-hero-toggle[aria-pressed=true] .play-icon{display:none}
#ca-eco-hero-toggle[aria-pressed=true] .pause-icon{display:block}
#ca-eco-hero-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
@media(min-width:1101px){
  #ca-restored-content[data-ca-restored-page="ecosystem"] main{padding:24px 32px;gap:16px}
  #ca-restored-content[data-ca-restored-page="ecosystem"] .ca-restored-header{min-height:45px;margin:0}
  #ca-restored-content[data-ca-restored-page="ecosystem"] .ca-restored-nav{gap:16px}
  #ca-restored-content[data-ca-restored-page="ecosystem"] #ca-eco-hero{height:150px;min-height:150px;padding:20px 28px}
  #ca-eco-hero h1{font-size:38px}
  #ca-eco-hero .ca-eco-hero-copy>div{margin-bottom:6px}
  #ca-eco-hero p{margin-top:8px;max-width:700px}
  #ca-restored-content[data-ca-restored-page="ecosystem"] .archive-interface>div:not(#ecosystem-projects){display:none}
  #ecosystem-projects.ca-eco-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));height:clamp(400px,calc(100svh - 315px),630px);gap:10px}
  #ecosystem-projects .project{height:100%;padding:12px 16px}
  #ecosystem-projects .project-meta{height:14px;margin-bottom:4px;font-size:9px}
  #ecosystem-projects .badge{padding:1px 5px;font-size:8px}
  #ecosystem-projects h3{font-size:20px;line-height:1.2;margin-bottom:6px}
  #ecosystem-projects p{font-size:13px;line-height:1.4;padding-right:30px}
  #ecosystem-projects .preview-button{width:30px;height:30px;right:10px;bottom:10px}
  #ecosystem-projects .preview-button svg{width:13px;height:13px}
  #ca-restored-content[data-ca-restored-page="ecosystem"] .archive-interface+section{margin-top:56px}
  body:has(#ca-eco-hero) #ca-cookie-settings{font-size:11px;line-height:1.3;min-height:32px;padding:7px 10px;bottom:8px}
}
@media(min-width:1101px) and (max-width:1200px){#ecosystem-projects.ca-eco-grid{min-height:445px}}
@media(max-width:767px){
  #ca-restored-content[data-ca-restored-page="ecosystem"] main{row-gap:36px}
  #ca-restored-content[data-ca-restored-page="ecosystem"] #ca-eco-hero{margin-inline:-20px;min-height:320px;padding:32px 20px 64px}
  #ca-eco-hero h1{font-size:38px;max-width:300px}
  #ca-eco-hero p{font-size:15px;max-width:340px}
}