.chroma-grid-container{--x:50%;--y:50%;--r:220px}.chroma-card{background-color:var(--bg-color);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#fff6;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.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:10;transition:opacity .5s;position:absolute;inset:0}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chroma-overlay-gradient{z-index:2;background:linear-gradient(#00000040,#000000d9);position:absolute;inset:0}.chroma-title{z-index:3;font-family:var(--font-serif);color:#fff;text-align:center;padding:clamp(.5rem,1.5vw,1rem);font-size:clamp(.95rem,2.8vw,1.8rem);line-height:1.2;position:relative}@media (max-width:768px){.hover-reveal-grid-layout{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important;display:grid!important}.chroma-title{padding:.4rem!important;font-size:clamp(.85rem,2.5vw,1.15rem)!important}}