.chroma-grid{columns:1;column-gap:2rem;width:100%;position:relative}@media (min-width:640px){.chroma-grid{columns:2}}@media (min-width:1024px){.chroma-grid{columns:var(--cols,3)}}.chroma-card{isolation:isolate;break-inside:avoid;cursor:pointer;background:0 0;border-radius:8px;margin-bottom:2rem;display:block;position:relative;overflow:hidden}.chroma-img-wrapper{z-index:1;width:100%;display:block;position:relative}.chroma-card .img-base{width:100%;height:auto;display:block}.chroma-card .img-reveal{object-fit:cover;opacity:0;filter:grayscale();width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.chroma-card:hover .img-reveal{opacity:1}