.bento-section{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--glow-color:var(--primary);--border-color:var(--border);--background-dark:var(--card);--white:var(--card-foreground);--purple-primary:var(--primary);--purple-glow:color-mix(in srgb, var(--primary) 20%, transparent);--purple-border:color-mix(in srgb, var(--primary) 80%, transparent)}.card-responsive{grid-template-columns:1fr;width:100%}.card__background{z-index:0;pointer-events:none;position:absolute;inset:0}.card__background-image{object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%}.card__background-overlay{background:linear-gradient(to bottom, color-mix(in srgb, var(--card) 18%, transparent), color-mix(in srgb, var(--card) 88%, transparent));opacity:1;transition:opacity .28s ease-in-out;position:absolute;inset:0}.card:hover .card__background-overlay{opacity:0}@media (width>=600px){.card-responsive{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-responsive{grid-template-columns:repeat(4,1fr)}.card-responsive .card:nth-child(3){grid-area:span 2/span 2}.card-responsive .card:nth-child(4){grid-area:2/1/span 2/span 2}.card-responsive .card:nth-child(6){grid-area:3/4}}.card--border-glow:after{z-index:1;border-radius:inherit;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), color-mix(in srgb, var(--glow-color) calc(var(--glow-intensity) * 80%), transparent) 0%, color-mix(in srgb, var(--glow-color) calc(var(--glow-intensity) * 40%), transparent) 30%, transparent 60%);content:"";corner-shape:inherit;-webkit-mask:linear-gradient(var(--foreground) 0 0) content-box, linear-gradient(var(--foreground) 0 0);mask:linear-gradient(var(--foreground) 0 0) content-box, linear-gradient(var(--foreground) 0 0);opacity:1;pointer-events:none;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask:linear-gradient(var(--foreground) 0 0) content-box, linear-gradient(var(--foreground) 0 0);-webkit-mask-composite:xor;padding:6px;transition:opacity .3s;position:absolute;inset:0}.card__title,.card__description{will-change:transform, opacity}.particle:before{z-index:-1;background:color-mix(in srgb, var(--glow-color) 20%, transparent);content:"";border-radius:50%;position:absolute;inset:-2px}.text-clamp-1,.text-clamp-2{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-1{line-clamp:1;-webkit-line-clamp:1}.text-clamp-2{line-clamp:2;-webkit-line-clamp:2}@media (width<=599px){.card-responsive{grid-template-columns:1fr}.card-responsive .card{width:100%;min-height:180px}}