.chroma-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols,2),minmax(140px,1fr));gap:.5rem;max-width:800px;margin:0 auto;padding:1rem;box-sizing:border-box;--x:50%;--y:50%;--r:220px}@media (max-width:1124px){.chroma-grid{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.5rem;padding:.5rem}}@media (max-width:768px){.chroma-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}}.chroma-card{position:relative;display:flex;flex-direction:column;background:transparent!important;border:1px solid var(--card-border,transparent);border-radius:16px;overflow:hidden;transition:border-color .3s,transform .3s}.chroma-card:hover{border-color:var(--card-border);transform:scale(1.03)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;width:100%;padding-top:80%;overflow:hidden}.chroma-img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(.6);transform-origin:center;border-radius:8px}.chroma-card-body{padding:.75rem 1rem;text-align:center;color:#fff;flex:1;display:flex;flex-direction:column;align-items:center}.chroma-card-body .name{margin:.5rem 0;font-size:1.5rem;font-weight:600}.chroma-card-body .roles{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.chroma-card-body .role-pill{padding:.3rem .8rem;font-size:.875rem;background:rgba(248,134,14,.2);color:#f8860e;border-radius:9999px}.chroma-card-body .description{font-size:1rem;margin:.5rem 0 1rem;color:#ccc;line-height:1.3}.chroma-socials{display:flex;justify-content:center;gap:.75rem;padding-bottom:.75rem}.social-icon svg{width:28px;height:28px}.social-icon:hover{color:#f8860e}.chroma-fade,.chroma-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;backdrop-filter:grayscale(1) brightness(.78);background:rgba(0,0,0,.001)}.chroma-overlay{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1)30%,rgba(0,0,0,.22)45%,rgba(0,0,0,.35)60%,rgba(0,0,0,.5)75%,rgba(0,0,0,.68)88%,white 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1)30%,rgba(0,0,0,.22)45%,rgba(0,0,0,.35)60%,rgba(0,0,0,.5)75%,rgba(0,0,0,.68)88%,white 100%)}.chroma-fade{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0,white 15%,rgba(255,255,255,.9)30%,rgba(255,255,255,.78)45%,rgba(255,255,255,.65)60%,rgba(255,255,255,.5)75%,rgba(255,255,255,.32)88%,transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0,white 15%,rgba(255,255,255,.9)30%,rgba(255,255,255,.78)45%,rgba(255,255,255,.65)60%,rgba(255,255,255,.5)75%,rgba(255,255,255,.32)88%,transparent 100%);opacity:1;transition:opacity .25s ease}