.magic-bento-card{--glow-rgb:245,158,11;--glow-color:rgb(var(--glow-rgb));--border-color:#e7e5e4;--background-dark:#fff;aspect-ratio:4/3;border:1px solid var(--border-color);background:var(--background-dark);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:1.25rem;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:200px;padding:1.5rem;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000d}.magic-bento-card__header{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex;position:relative}.magic-bento-card__icon{width:2.5rem;height:2.5rem;color:var(--glow-color);background:rgba(var(--glow-rgb),.1);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.magic-bento-card__icon svg{width:100%;height:100%}.magic-bento-card__content{z-index:2;flex-direction:column;display:flex;position:relative}.magic-bento-card__label{color:#a8a29e;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.magic-bento-card__title{color:#1c1917;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.magic-bento-card__description{color:#57534e;opacity:.9;font-size:.875rem;line-height:1.5}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(var(--glow-rgb),calc(var(--glow-intensity)*.8))0%,rgba(var(--glow-rgb),calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px rgba(var(--glow-rgb),.1),0 0 30px rgba(var(--glow-rgb),.1)}.particle-container{position:relative;overflow:hidden}.particle-container:hover{box-shadow:0 4px 20px rgba(var(--glow-rgb),.1),0 0 30px rgba(var(--glow-rgb),.1)}.particle:before{content:"";background:rgba(var(--glow-rgb),.2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;gap:1rem;width:100%;padding:1rem;display:grid;position:relative}@media (min-width:600px){.bento-section{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.bento-section{grid-template-columns:repeat(4,1fr)}.bento-section .magic-bento-card:nth-child(3){grid-area:span 2/span 2}.bento-section .magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2}.bento-section .magic-bento-card:nth-child(6){grid-area:3/4}}