.chroma-grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:1.5rem;width:100%;display:grid;position:relative}@media (max-width:1024px){.chroma-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.chroma-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.chroma-card{background:var(--background-card,#191922);z-index:1;border:1.5px solid #ffffff14;border-radius:1.25rem;flex-direction:column;transition:border-color .3s,transform .3s cubic-bezier(.2,0,0,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.chroma-card:hover{border-color:var(--card-border,#a8ff30);box-shadow:0 16px 36px #00000080, 0 0 24px color-mix(in srgb, var(--card-border,#a8ff30) 40%, transparent);transform:translateY(-4px)}.chroma-img-wrapper{aspect-ratio:4/5;background:var(--background-elevated,#14141d);border-bottom:1px solid var(--border,#ffffff14);width:100%;position:relative;overflow:hidden}.chroma-img-wrapper img{object-fit:cover;filter:grayscale(60%);width:100%;height:100%;transition:filter .4s,transform .4s cubic-bezier(.2,0,0,1);display:block}.chroma-card:hover .chroma-img-wrapper img{filter:grayscale(0%);transform:scale(1.05)}.chroma-info{background:linear-gradient(to top, var(--background-card,#191922) 80%, #191922f2);flex-direction:column;padding:1.25rem 1.35rem 1.4rem;display:flex}.chroma-info .name{font-family:var(--font-display), sans-serif;color:var(--foreground,#f5f5f7);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.chroma-info .handle{color:var(--muted,#a3a3b0);margin-top:.15rem;font-size:.8rem;font-weight:600}.chroma-info .role{color:var(--card-border,var(--neon-green,#a8ff30));margin-top:.35rem;font-size:.875rem;font-weight:600}.chroma-info .location{color:var(--muted,#a3a3b0);margin-top:.35rem;font-size:.8rem}.chroma-overlay{pointer-events:none;z-index:2;border-radius:inherit;background:radial-gradient(circle var(--r,300px) at var(--x,50%) var(--y,50%), #a8ff3029 0%, #ff4fd81a 35%, #00f0ff0f 60%, transparent 80%);mix-blend-mode:screen;position:absolute;inset:0}.chroma-fade{pointer-events:none;z-index:3;opacity:1;background:0 0;transition:opacity .3s;position:absolute;inset:0}