.bento-section{-webkit-user-select:none;user-select:none;position:relative}.card-grid{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;--glow-color:33,150,243;border-radius:var(--radius-lg);background:linear-gradient(155deg,var(--surface-ink-soft)0%,var(--surface-ink)100%);min-height:220px;color:var(--text-on-ink);border:1px solid #5ab6f724;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.75rem;font-weight:300;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{box-shadow:0 12px 40px #00000073,0 0 30px rgba(var(--glow-color),.12);border-color:#5ab6f759;transform:translateY(-3px)}.magic-bento-card__header,.magic-bento-card__content{z-index:2;position:relative}.magic-bento-card__header{justify-content:space-between;align-items:center;gap:.75em;display:flex}.magic-bento-card__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;color:var(--accent-on-ink);font-weight:500}.magic-bento-card__content{flex-direction:column;display:flex}.magic-bento-card__title{font-family:var(--font-heading);font-weight:600;font-size:var(--h-card);color:var(--text-on-ink);margin:0 0 .5rem;line-height:1.2}.magic-bento-card__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-on-ink-muted);line-height:1.55}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:2;line-clamp:2}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:3;line-clamp:3}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity)*.9))0%,rgba(var(--glow-color),calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--glow-color,33,150,243),.2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none}