.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.has-frame{border-radius:calc(var(--chroma-radius) + 10px);background:var(--chroma-frame);box-shadow:var(--chroma-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);padding:10px}.chroma-frame-rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--chroma-frame-edge), inset 0 1px 0 var(--chroma-frame-highlight);pointer-events:none;position:absolute;inset:0}.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)}.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:2px;min-width:0;padding:2px 6px 4px;display:flex;position:relative}.chroma-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.chroma-subtitle{color:var(--chroma-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.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{box-shadow:none;gap:0;padding:0}.chroma-media{border-radius:var(--chroma-radius) var(--chroma-radius) 0 0}.chroma-media img{transition:transform .55s}.chroma-card:hover .chroma-media img{transform:scale(1.025)}.chroma-preview{color:#fff;font:10px/1.4 var(--font-mono);letter-spacing:.06em;background:#0a1e33df;border-radius:4px;padding:5px 9px;position:absolute;top:14px;right:14px}.chroma-info{flex:1;gap:0;padding:26px 28px 28px}.chroma-kicker{color:var(--ardoise);font:10px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:9px;display:flex}.chroma-kicker:before{content:"";background:var(--chroma-accent);border-radius:50%;flex:none;width:9px;height:9px}.chroma-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px;display:flex}.chroma-title{color:var(--encre);font-family:var(--font-display);letter-spacing:-.03em;white-space:normal;font-size:clamp(26px,2.8vw,34px);font-weight:600}.chroma-arrow{color:var(--ardoise);font-size:25px;transition:transform .25s}.chroma-card:hover .chroma-arrow,.chroma-card:focus-visible .chroma-arrow{transform:translate(3px,-3px)}.chroma-subtitle{white-space:normal;margin-top:6px;font-size:13px;line-height:1.5}.chroma-description{color:var(--encre);margin-top:15px;font-size:15px;line-height:1.7}.chroma-domain{color:var(--ardoise);font:11px/1.6 var(--font-mono);letter-spacing:.025em;overflow-wrap:anywhere;margin-top:auto;padding-top:22px;display:block}.chroma-fallback{background:var(--panneau);height:100%;color:var(--bleu);font:600 36px/1.15 var(--font-display);place-items:center;padding:24px;display:grid}a.chroma-card:focus-visible{outline:3px solid var(--bleu);outline-offset:5px}.chroma-card:focus-visible .chroma-color{opacity:1;-webkit-mask-image:none;mask-image:none}@media (max-width:600px){.chroma-info{padding:22px}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.chroma-mono{filter:none}.chroma-color,.chroma-wash,.chroma-card-glow{display:none}.chroma-card:hover{filter:none}.chroma-card:hover .chroma-media img,.chroma-card:hover .chroma-arrow,.chroma-card:focus-visible .chroma-arrow{transform:none}}