.chroma-grid{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);gap:1rem;display:grid;position:relative}.chroma-card{cursor:default;background:#ffffff8c;border:1px solid #0d0d0d14;border-radius:2px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0d0d0d0d}.chroma-grid:not(.no-stagger) .chroma-card:nth-child(4n+2),.chroma-grid:not(.no-stagger) .chroma-card:nth-child(4n+3){transform:translateY(2.5rem)}.chroma-img-wrapper{aspect-ratio:248/261;background:#0d0d0d0b;width:100%;position:relative;overflow:hidden;container-type:inline-size}.chroma-img-wrapper img{object-fit:cover;object-position:center top;width:100%;height:100%;filter:grayscale(1) contrast(var(--photo-contrast,1.05)) brightness(var(--photo-brightness,1));display:block}.chroma-img-placeholder{background:#0d0d0d0d;width:100%;height:100%}.chroma-info{z-index:3;background:#0000008c;padding:min(14px,5cqi) min(16px,5.8cqi);position:absolute;bottom:8px;left:8px;right:8px}.chroma-info .name{letter-spacing:.02em;text-transform:uppercase;color:#fff;white-space:nowrap;margin:0;font-size:min(15px,5.1cqi);font-weight:300;position:relative}@media (max-width:639px){.chroma-info .name{font-weight:500}}.chroma-info .handle{color:#ffffff80;margin-top:2px;font-size:10px;font-weight:500;display:block;position:relative}.chroma-info .role{color:#ffffffb3;white-space:nowrap;margin:4px 0 0;font-size:min(11.5px,4cqi);font-weight:500;position:relative}.chroma-info .location{color:#ffffff80;margin-top:2px;font-size:10px;display:block;position:relative}.chroma-overlay{pointer-events:none;background:radial-gradient(var(--r) circle at var(--x) var(--y), #ffffff47, transparent 70%);mix-blend-mode:soft-light;position:absolute;inset:0}