.hg-ecosystem-item{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:400px;color:inherit;transition:border-color var(--hg-transition-base), background var(--hg-transition-base);grid-template-rows:1fr 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.hg-ecosystem-item:hover{border-color:var(--border-hover,var(--muted-foreground))}.hg-ecosystem-item-bg{background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hg-ecosystem-item-content{z-index:1;flex-direction:column;grid-row:2;gap:.5rem;padding:1.5rem;display:flex;position:relative}.hg-ecosystem-item-content:before{content:"";z-index:-1;background:linear-gradient(to bottom, color-mix(in srgb, var(--hg-scale-2) 20%, transparent) 0%, color-mix(in srgb, var(--hg-scale-2) 80%, transparent) 40%, var(--hg-scale-2) 100%);pointer-events:none;position:absolute;inset:-100% 0 0}.hg-ecosystem-item-name{color:var(--foreground);align-items:center;gap:.5rem;display:inline-flex}.hg-ecosystem-item-name:after{content:"→";color:var(--muted-foreground);transition:color var(--hg-transition-base), transform var(--hg-transition-base);font-size:.75em}.hg-ecosystem-item:hover .hg-ecosystem-item-name:after{color:var(--foreground);transform:translate(3px)}.hg-ecosystem-item-tags{flex-wrap:wrap;gap:.375rem;margin-top:auto;padding-top:.5rem;display:flex}