.bento-section{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;padding:1rem;width:100%;max-width:80rem;margin:0 auto}@media (min-width:768px){.bento-section{grid-template-columns:repeat(3,1fr);grid-auto-rows:18rem}}.magic-bento-card{position:relative;overflow:hidden;border-radius:1rem;background-color:hsla(0,0%,8%,.8);border:1px solid hsla(0,0%,100%,.1);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;min-height:12rem}.magic-bento-card--border-glow:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:2px;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(var(--glow-color),var(--glow-intensity,0)) 0,transparent var(--glow-radius,0));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;z-index:2}.magic-bento-card__header{display:flex;justify-content:space-between;align-items:flex-start;z-index:10;margin-bottom:1rem}.magic-bento-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.1);padding:.25rem .5rem;border-radius:9999px}.magic-bento-card__content{z-index:10;position:relative}.magic-bento-card__title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.magic-bento-card__description{font-size:.875rem;color:hsla(0,0%,100%,.7);line-height:1.5}.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:5}.global-spotlight{pointer-events:none;z-index:1}.col-span-2{grid-column:span 2}@media (max-width:768px){.col-span-2{grid-column:span 1}}