.chroma-grid{grid-template-columns:repeat(var(--cols,3),320px);box-sizing:border-box;--x:50%;--y:50%;--r:220px;grid-auto-rows:max-content;justify-content:center;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:grid;position:relative}@media (max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}@media (max-width:480px){.chroma-grid{grid-template-columns:1fr}}.chroma-card{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff1a;background:#111;border:1px solid #333;border-radius:20px;flex-direction:column;width:100%;max-width:320px;height:auto;min-height:420px;margin:0 auto;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chroma-card:hover{border-color:var(--card-border);transform:translateY(-5px);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000000a}.chroma-card:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;z-index:2;transition:opacity .5s;position:absolute;inset:0}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;box-sizing:border-box;background:0 0;width:100%;height:300px;padding:10px;transition:background .3s;position:relative}.chroma-img-wrapper img{object-fit:cover;filter:grayscale();border-radius:12px;width:100%;height:100%;transition:filter .4s,transform .4s;display:block}@media (max-width:768px){.chroma-img-wrapper img{filter:grayscale(0%)}}.chroma-card:hover .chroma-img-wrapper img{filter:grayscale(0%);transform:scale(1.02)}.chroma-info{z-index:1;color:#ededed;background:#111;border-top:1px solid #222;flex-direction:column;gap:.25rem;padding:1rem;font-family:inherit;display:flex;position:relative}.chroma-info .role,.chroma-info .handle{color:#aaa}.chroma-info .name{color:#fff;font-size:1.1rem;font-weight:600}.chroma-info .handle{color:#888;font-size:.875rem}.chroma-info .role{color:#aaa;margin-top:.25rem;font-size:.875rem}.chroma-overlay,.chroma-fade{display:none}
