.glare-hover{isolation:isolate;--gh-angle:-45deg;--gh-duration:.85s;--gh-size:280%;--gh-rgba:#ffffff59;position:relative;overflow:hidden}.glare-hover:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(var(--gh-angle), #0000 60%, var(--gh-rgba) 70%, #0000 80%);background-size:var(--gh-size) var(--gh-size);transition:background-position var(--gh-duration) ease;background-position:-120% -120%;background-repeat:no-repeat;position:absolute;inset:0}.glare-hover:hover:after{background-position:120% 120%}@media (prefers-reduced-motion:reduce){.glare-hover:after{transition:none}}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;position:relative;overflow:hidden}.magic-bento-card:after{content:"";border-radius:inherit;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--mb-glow-color,212, 0, 42), calc(var(--glow-intensity) * .85)) 0%, rgba(var(--mb-glow-color,212, 0, 42), calc(var(--glow-intensity) * .4)) 35%, transparent 60%);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:4px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.chroma-grid{--x:50%;--y:50%;--r:300px;position:relative}.chroma-card{background:var(--card-gradient,linear-gradient(160deg, #1a1a1a, #050505));--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff4d;border:1px solid #333;border-radius:20px;flex-direction:column;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.chroma-card:hover{border-color:var(--card-border,#ffffff80)}.chroma-card:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);pointer-events:none;opacity:0;z-index:2;transition:opacity .5s;position:absolute;inset:0}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;background:0 0;flex:1;padding:10px;transition:background .3s;position:relative}.chroma-img-wrapper img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.chroma-info{z-index:1;color:#fff;grid-template-columns:1fr auto;align-items:baseline;gap:.2rem .75rem;padding:.85rem 1.1rem 1rem;display:grid;position:relative}.chroma-info .name{letter-spacing:-.015em;margin:0;font-family:Cabinet Grotesk,Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:700}.chroma-info .handle{letter-spacing:.04em;text-align:right;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.chroma-info .role{color:#ffffff8c;grid-column:1/-1;margin:0;font-size:.82rem}html[data-theme=light] .chroma-card{background:#fff!important;border-color:#0000001f!important}html[data-theme=light] .chroma-card:hover{border-color:var(--card-border,#00000059)!important}html[data-theme=light] .chroma-img-wrapper{background:#fff!important}html[data-theme=light] .chroma-info{isolation:isolate;z-index:5;position:relative;color:#000!important;background:#fff!important}html[data-theme=light] .chroma-info .role{color:#333!important}.chroma-overlay{pointer-events:none;z-index:3;-webkit-backdrop-filter:grayscale()brightness(.78);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), transparent 0%, transparent 15%, #0000001a 30%, #00000038 45%, #00000059 60%, #00000080 75%, #000000ad 88%, white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), transparent 0%, transparent 15%, #0000001a 30%, #00000038 45%, #00000059 60%, #00000080 75%, #000000ad 88%, white 100%);background:0 0;position:absolute;inset:0}.chroma-fade{pointer-events:none;z-index:4;-webkit-backdrop-filter:grayscale()brightness(.78);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), white 0%, white 15%, #ffffffe6 30%, #ffffffc7 45%, #ffffffa6 60%, #ffffff80 75%, #ffffff52 88%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), white 0%, white 15%, #ffffffe6 30%, #ffffffc7 45%, #ffffffa6 60%, #ffffff80 75%, #ffffff52 88%, transparent 100%);opacity:1;background:0 0;transition:opacity .25s;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.magic-bento-card:after{transition:none}.chroma-overlay,.chroma-fade{backdrop-filter:none;mask-image:none}}html[data-theme=light] .chroma-overlay,html[data-theme=light] .chroma-fade{-webkit-backdrop-filter:none!important;background:0 0!important}