.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols,3),320px);grid-auto-rows:auto;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;--x:50%;--y:50%;--r:220px}@media (max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media (max-width:480px){.chroma-grid{grid-template-columns:320px;gap:.75rem;padding:1rem}}.chroma-card{position:relative;display:flex;flex-direction:column;width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.3)}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:var(--card-gradient);transition:background .3s ease}.chroma-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;background:var(--card-gradient);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:flex;flex-direction:column;gap:.125rem}.chroma-info .name{font-size:1rem;font-weight:600;line-height:1.4;color:hsl(var(--foreground))}.chroma-info-details-row{display:flex;justify-content:space-between;align-items:center;width:100%}.chroma-info .handle,.chroma-info .role{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.4}.chroma-overlay{z-index:3;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,#fff 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,#fff 100%)}.chroma-fade,.chroma-overlay{position:absolute;inset:0;pointer-events:none;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:rgba(0,0,0,.001)}.chroma-fade{z-index:4;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0,#fff 15%,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.78) 45%,hsla(0,0%,100%,.65) 60%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#fff 0,#fff 15%,hsla(0,0%,100%,.9) 30%,hsla(0,0%,100%,.78) 45%,hsla(0,0%,100%,.65) 60%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}.card-spotlight{position:relative;border-radius:1rem;border:1px solid hsl(var(--border));background-color:hsl(var(--card));padding:1.5rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.07);box-shadow:none;transition:box-shadow .3s ease,border-color .3s ease}.card-spotlight:focus-within,.card-spotlight:hover{box-shadow:0 10px 15px -3px hsla(var(--foreground),.05),0 4px 6px -2px hsla(var(--foreground),.03);border-color:hsl(var(--primary)/.5)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:1}.card-spotlight>*{position:relative;z-index:1}.menu-wrap{width:100%;height:100%;overflow:hidden}.menu{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.menu__item{flex:1;position:relative;overflow:hidden;text-align:center;box-shadow:0 -1px hsl(var(--border))}.menu__item-link{display:flex;align-items:center;justify-content:center;height:100%;position:relative;cursor:pointer;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-weight:600;color:hsl(var(--foreground));font-size:4vh;transition:color .3s ease}.menu__item-link:focus:not(:focus-visible){color:hsl(var(--foreground))}.marquee{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none;background:hsl(var(--card));transform:translate3d(0,101%,0)}.marquee__inner-wrap{height:100%;width:100%;display:flex}.marquee__inner{display:flex;align-items:center;position:relative;height:100%;width:200%;will-change:transform;animation:marquee 15s linear infinite}.marquee span{color:hsl(var(--card-foreground));white-space:nowrap;text-transform:uppercase;font-weight:400;font-size:4vh;line-height:1.2;padding:1vh 1vw 0}.marquee__img{width:150px;height:6vh;margin:0 2vw;border-radius:10px;background-size:cover;background-position:50% 50%;border:1px solid hsl(var(--border))}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}