.ecosystem-home{--ecosystem-max:min(100%, 96rem);--ecosystem-card-radius:1.05rem;--ecosystem-ease:cubic-bezier(0.22, 1, 0.36, 1);max-width:var(--ecosystem-max);margin:0 auto;padding:var(--home-section-pad)var(--home-pad-x,clamp(1.25rem,4vw,2.5rem))}.ecosystem-home__inner{display:grid;gap:clamp(1.5rem,3vh,2.25rem)}.ecosystem-home__header{margin:0}.home-page .home-page__block--ecosystem .ecosystem-home__header-main{max-width:min(100%,58rem)}.ecosystem-home__title{margin:0;font-family:var(--openms-font-heading);color:var(--openms-navy);text-wrap:balance}.ecosystem-home__title-accent{color:var(--openms-blue)}.ecosystem-home__grid--bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:clamp(.95rem,1.6vw,1.25rem);margin:0;padding:0;list-style:none;align-items:stretch}.ecosystem-home__item{display:flex;min-width:0}.ecosystem-home__item--wide{grid-column:span 7}.ecosystem-home__item--standard{grid-column:span 5}.ecosystem-home__card{position:relative;display:flex;flex-direction:column;width:100%;min-height:100%;gap:clamp(.85rem,1.8vw,1.15rem);padding:clamp(1.15rem,2.2vw,1.55rem);overflow:hidden;border:1px solid rgba(var(--openms-white-rgb),.1);border-radius:var(--ecosystem-card-radius);background:linear-gradient( 160deg,color-mix(in srgb,var(--openms-blue) 16%,var(--openms-navy)) 0%,var(--openms-navy) 48% );color:var(--openms-white);text-decoration:none;box-shadow:0 .35rem 1.15rem rgba(var(--openms-navy-rgb),.28);transition:transform .22s var(--ecosystem-ease),border-color .22s ease,box-shadow .22s ease,background .22s ease;-webkit-tap-highlight-color:transparent}.ecosystem-home__card--wide{padding:clamp(1.3rem,2.4vw,1.75rem)}.ecosystem-home__card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--openms-blue);opacity:.7;transition:opacity .2s ease,height .2s ease}.ecosystem-home__card--openms-lib .ecosystem-home__card-accent{background:color-mix(in srgb,var(--openms-blue) 55%,var(--openms-white))}.ecosystem-home__card--pyopenms .ecosystem-home__card-accent{background:var(--openms-blue)}.ecosystem-home__card--webapps .ecosystem-home__card-accent{background:color-mix(in srgb,var(--openms-blue) 72%,var(--openms-white))}.ecosystem-home__card--viz .ecosystem-home__card-accent{background:color-mix(in srgb,var(--openms-blue) 55%,#1aa0b8)}.ecosystem-home__card:hover,.ecosystem-home__card:focus-visible{transform:translateY(-3px);border-color:rgba(var(--openms-white-rgb),.22);background:linear-gradient( 160deg,color-mix(in srgb,var(--openms-blue) 28%,var(--openms-navy)) 0%,color-mix(in srgb,var(--openms-blue) 12%,var(--openms-navy)) 52% );box-shadow:0 .75rem 1.9rem rgba(var(--openms-navy-rgb),.4);outline:none;color:var(--openms-white)!important}.ecosystem-home__card:hover .ecosystem-home__card-accent,.ecosystem-home__card:focus-visible .ecosystem-home__card-accent{opacity:1;height:4px}.ecosystem-home__card:focus-visible{box-shadow:0 0 0 3px var(--openms-blue),0 0 0 5px rgba(var(--openms-blue-rgb),.22),0 .75rem 1.9rem rgba(var(--openms-navy-rgb),.4)}.ecosystem-home__card:hover .ecosystem-home__card-tag,.ecosystem-home__card:focus-visible .ecosystem-home__card-tag,.ecosystem-home__card:hover .ecosystem-home__card-title,.ecosystem-home__card:focus-visible .ecosystem-home__card-title,.ecosystem-home__card:hover .ecosystem-home__card-text,.ecosystem-home__card:focus-visible .ecosystem-home__card-text,.ecosystem-home__card:hover .ecosystem-home__card-link,.ecosystem-home__card:focus-visible .ecosystem-home__card-link{color:var(--openms-white)!important}.ecosystem-home__card:hover .ecosystem-home__card-text,.ecosystem-home__card:focus-visible .ecosystem-home__card-text{color:rgba(var(--openms-white-rgb),.86)!important}.ecosystem-home__card:hover .ecosystem-home__card-link,.ecosystem-home__card:focus-visible .ecosystem-home__card-link{gap:.5rem}.ecosystem-home__card-top{display:flex;align-items:center;justify-content:flex-start;gap:.65rem .75rem;min-width:0}.ecosystem-home__card--wide .ecosystem-home__card-top{min-height:0}.ecosystem-home__card-icon{display:block;width:auto;height:2.85rem;max-width:min(13rem,55%);object-fit:contain;object-position:right center;flex:none;margin-left:auto}.ecosystem-home__card--wide .ecosystem-home__card-icon{height:3.5rem;max-width:min(16rem,58%)}.ecosystem-home__card--openms-lib .ecosystem-home__card-icon{height:3.75rem;max-width:min(17rem,60%)}.ecosystem-home__card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:auto;padding-top:.35rem;min-width:0}.ecosystem-home__card-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:0;padding-top:0;font-size:var(--openms-text-min);font-weight:700;color:var(--openms-white);transition:gap .18s ease,color .18s ease}.ecosystem-home__card-title{margin:0;flex:auto;min-width:0;font-family:var(--openms-font-heading);font-size:clamp(1.08rem,1.7vw,1.28rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--openms-white);transition:color .18s ease}.ecosystem-home__card--wide .ecosystem-home__card-title{font-size:clamp(1.18rem,2vw,1.42rem)}.ecosystem-home__card-tag{display:inline-flex;align-items:center;flex:none;margin-left:auto;padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(var(--openms-white-rgb),.22);background:0 0;font-family:var(--openms-font-body);font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1.2;color:rgba(var(--openms-white-rgb),.82);white-space:nowrap;transition:color .18s ease,border-color .18s ease}.ecosystem-home__card:hover .ecosystem-home__card-tag,.ecosystem-home__card:focus-visible .ecosystem-home__card-tag{border-color:rgba(var(--openms-white-rgb),.4)}.ecosystem-home__card-body{display:flex;flex:auto;flex-direction:column;gap:.5rem;min-width:0}.ecosystem-home__card--wide .ecosystem-home__card-body{gap:.55rem;max-width:44rem}.ecosystem-home__card-text{flex:auto;margin:0;font-size:var(--openms-body-size);line-height:1.58;color:rgba(var(--openms-white-rgb),.76);text-wrap:pretty;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ecosystem-home__card--standard .ecosystem-home__card-text{-webkit-line-clamp:3}.ecosystem-home__card--wide .ecosystem-home__card-text{font-size:var(--openms-body-size-lg);line-height:1.6;-webkit-line-clamp:2;max-width:52ch}.ecosystem-home__card-link-icon{font-size:.95rem;line-height:1;transition:transform .18s ease}.ecosystem-home__card:hover .ecosystem-home__card-link-icon,.ecosystem-home__card:focus-visible .ecosystem-home__card-link-icon{transform:translateX(.12rem)}.home-page__block--ecosystem{background:var(--home-bg-base,#fff);border-bottom:1px solid rgba(var(--openms-navy-rgb),.08)}.home-page--motion .home-page__block--ecosystem:not(.is-revealed) .ecosystem-home__header{opacity:0;transform:translateY(1.25rem)}.home-page--motion .home-page__block--ecosystem .ecosystem-home__header{transition:opacity var(--home-reveal-duration,.65s)var(--home-reveal-ease,cubic-bezier(.22,1,.36,1)),transform var(--home-reveal-duration,.65s)var(--home-reveal-ease,cubic-bezier(.22,1,.36,1))}.home-page--motion .home-page__block--ecosystem.is-revealed .ecosystem-home__header{opacity:1;transform:translateY(0)}.home-page--motion .home-page__block--ecosystem .ecosystem-home__item:not(.is-revealed){opacity:0;transform:translateY(1.1rem)}.home-page--motion .home-page__block--ecosystem .ecosystem-home__item{transition:opacity var(--home-reveal-duration,.65s)var(--home-reveal-ease,cubic-bezier(.22,1,.36,1)),transform var(--home-reveal-duration,.65s)var(--home-reveal-ease,cubic-bezier(.22,1,.36,1));transition-delay:calc(var(--ecosystem-reveal-index,0) * .07s)}.home-page--motion .home-page__block--ecosystem .ecosystem-home__item.is-revealed{opacity:1;transform:translateY(0)}@media(max-width:992px){.ecosystem-home__item--wide,.ecosystem-home__item--standard{grid-column:span 6}}@media(max-width:768px){.home-page .home-page__block--ecosystem .ecosystem-home__header-main{max-width:100%}.home-page .home-page__block--ecosystem .ecosystem-home__title{max-width:none;width:100%;text-wrap:pretty}.ecosystem-home__grid--bento{grid-template-columns:1fr}.ecosystem-home__item--wide,.ecosystem-home__item--standard{grid-column:span 1}.ecosystem-home__card--wide .ecosystem-home__card-text{-webkit-line-clamp:3;max-width:none}.ecosystem-home__card--wide .ecosystem-home__card-body{max-width:none}}@media(prefers-reduced-motion:reduce){.ecosystem-home__card:hover,.ecosystem-home__card:focus-visible{transform:none}.ecosystem-home__card:hover .ecosystem-home__card-link-icon,.ecosystem-home__card:focus-visible .ecosystem-home__card-link-icon{transform:none}}