.chroma-grid{--chroma-x:-9999px;--chroma-y:-9999px;--chroma-power:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;width:100%;position:relative}.chroma-grid-inner{gap:var(--chroma-gap);grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--chroma-min), calc((100% - (var(--chroma-cols) - 1) * var(--chroma-gap)) / var(--chroma-cols)))), 1fr));display:grid}.chroma-card{box-sizing:border-box;border-radius:var(--chroma-radius);background:var(--chroma-tile);min-width:0;box-shadow:var(--chroma-tile-shadow);color:var(--chroma-ink);isolation:isolate;flex-direction:column;gap:10px;padding:8px;text-decoration:none;transition:filter .25s;display:flex;position:relative;overflow:hidden}.chroma-card:hover{filter:var(--chroma-hover)}a.chroma-card:active{filter:var(--chroma-press)}a.chroma-card:focus-visible{outline:2px solid var(--chroma-ink);outline-offset:2px}.chroma-wash,.chroma-color,.chroma-card-glow{-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops));-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops));mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops))}.chroma-wash{z-index:0;pointer-events:none;background:radial-gradient(130% 70% at 50% 100%, var(--chroma-accent), transparent 72%);opacity:calc(var(--chroma-glow) * var(--chroma-power) * .45);position:absolute;inset:0}.chroma-media{z-index:1;aspect-ratio:var(--chroma-ratio);border-radius:max(0px, calc(var(--chroma-radius) - 8px));background:var(--chroma-well);position:relative;overflow:hidden}.chroma-media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.chroma-mono{filter:grayscale(var(--chroma-gray)) brightness(calc(1 - var(--chroma-dim)))}.chroma-color{opacity:var(--chroma-power)}.chroma-media-rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--chroma-media-edge);pointer-events:none;position:absolute;inset:0}.chroma-info{z-index:1;flex-direction:column;gap:4px;min-width:0;padding:8px 10px 10px;display:flex;position:relative}.chroma-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--chroma-muted);font-size:12px;font-weight:600}.chroma-title{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.3}.chroma-subtitle{color:var(--chroma-muted);font-size:15px;line-height:1.5}.chroma-card-rim,.chroma-card-glow{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.chroma-card-rim{box-shadow:inset 0 0 0 1px var(--chroma-tile-edge), inset 0 1px 0 var(--chroma-tile-highlight)}.chroma-card-glow{box-shadow:inset 0 0 0 1px var(--chroma-accent), inset 0 0 16px -8px var(--chroma-accent);opacity:calc(var(--chroma-border) * var(--chroma-power))}.chroma-grid[data-reveal=card] .chroma-wash,.chroma-grid[data-reveal=card] .chroma-color,.chroma-grid[data-reveal=card] .chroma-card-glow{opacity:0;transition:opacity var(--chroma-fade) ease;-webkit-mask-image:none;mask-image:none}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-wash{opacity:calc(var(--chroma-glow) * .45);transition-duration:.3s}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-color{opacity:1;transition-duration:.3s}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-card-glow{opacity:var(--chroma-border);transition-duration:.3s}.chroma-card.chroma-reveal{opacity:0;transform:translateY(32px)}.chroma-card.chroma-reveal.is-revealed{opacity:1;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1),filter .25s;transform:none}