.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols,3),320px);grid-auto-rows:auto;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box;isolation:isolate;overflow:visible;--x:50%;--y:50%;--r:120px}@media (max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media (max-width:480px){.chroma-grid{grid-template-columns:1fr;gap:.75rem;padding:.5rem;max-width:100%}.chroma-card{width:100%;max-width:100%;margin:0 auto}.chroma-info{padding:1rem 1.25rem}}.chroma-card{position:relative;display:flex;flex-direction:column;width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease,width .3s ease;background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.3)}.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 ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;height:220px;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease}.chroma-img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;display:block}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;color:#fff;font-family:var(--font-sans),sans-serif;display:grid;grid-template-columns:1fr;row-gap:.25rem;-moz-column-gap:.75rem;column-gap:.75rem}.chroma-info .name{font-size:1.6rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.3;grid-column:1;grid-row:1}.chroma-info .role{color:#ddd;font-size:.9rem;line-height:1.4;grid-column:1;grid-row:3;margin-top:.35rem}.chroma-info .handle{color:#fff;font-size:1.15rem;font-weight:700;padding:.3rem .6rem;border-radius:6px;background-color:rgba(0,0,0,.6);text-align:left;justify-self:start;white-space:nowrap;grid-column:1;grid-row:2;margin-top:.25rem}.chroma-card{filter:grayscale(.56) brightness(.9);transition:filter .3s ease}.chroma-card:hover{filter:grayscale(0) brightness(1);border-color:var(--card-border)}.chroma-overlay{display:none;position:absolute;inset:0;pointer-events:none;z-index:3;background:transparent;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 20%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.45) 65%,rgba(0,0,0,.65) 80%,rgba(0,0,0,.85) 90%,#fff 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 20%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.45) 65%,rgba(0,0,0,.65) 80%,rgba(0,0,0,.85) 90%,#fff 100%)}@keyframes pulse-bounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-2px)}}.cta-button-animated{animation:pulse-bounce 2s infinite;transition:all .3s ease,transform .3s ease!important}.chroma-fade{display:none;position:absolute;inset:0;pointer-events:none;z-index:4;background:transparent;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0,#fff 15%,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.78) 45%,hsla(0,0%,100%,.65) 60%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0,#fff 15%,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.78) 45%,hsla(0,0%,100%,.65) 60%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}