:root{--white:var(--bright-snow);--turquoise-primary:var(--turquoise);--turquoise-glow:rgba(72,229,194,0.2);--turquoise-border:rgba(72,229,194,0.8);--border-color:rgba(72,229,194,0.12);--background-dark:var(--onyx)}.card-grid{display:grid;gap:.5rem;padding:1rem 0;max-width:72rem;margin:0 auto;font-size:clamp(1rem,.9rem + .5vw,1.5rem);grid-auto-rows:300px}.magic-bento-card{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%;max-width:100%;padding:0;border-radius:20px;border:1px solid rgba(72,229,194,.15);background:#0e1a1e;font-weight:300;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px}.magic-bento-card:hover{transform:translateY(-4px);border-color:rgba(72,229,194,.35);box-shadow:0 16px 36px rgba(0,0,0,.5)}.pixel-art-zone{position:relative;width:100%;flex:0 0 55%;overflow:hidden;background:#0a1419}.pixel-art-zone img{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-scanlines{inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);z-index:2;mix-blend-mode:multiply}.pixel-fade-bottom,.pixel-scanlines{position:absolute;pointer-events:none}.pixel-fade-bottom{bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent 0,#0e1a1e);z-index:3}.pixel-info-panel{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;padding:.875rem 1.125rem 1rem;background:linear-gradient(135deg,#131e24,#0e1a1e);border-top:1px solid rgba(72,229,194,.08);z-index:5;position:relative;overflow:hidden;color:#fcfaf9}.pixel-info-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,229,194,.015) 1px,transparent 0),linear-gradient(90deg,rgba(72,229,194,.015) 1px,transparent 0);background-size:8px 8px;pointer-events:none}.magic-bento-card__content,.magic-bento-card__header{display:flex;position:relative;color:var(--white);width:100%}.magic-bento-card__header{gap:.75em;justify-content:space-between;margin-bottom:1rem}.magic-bento-card__content{flex-direction:column;height:100%;justify-content:flex-end}.magic-bento-card__title{font-weight:800;margin:0 0 .35em}.magic-bento-card__description{line-height:1.4;opacity:.85}.magic-bento-card--text-autohide .magic-bento-card__description,.magic-bento-card--text-autohide .magic-bento-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.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:"";position:absolute;inset:0;padding:1.5px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(72,229,194,calc(var(--glow-intensity) * .9)) 0,rgba(72,229,194,calc(var(--glow-intensity) * .45)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 8px 24px rgba(8,15,15,.5),0 0 25px rgba(72,229,194,.12)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(72,229,194,.2);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 8px 24px rgba(8,15,15,.5),0 0 25px rgba(72,229,194,.12)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card--2x2{grid-column:span 2;grid-row:span 2}.magic-bento-card--2x2 .pixel-art-zone{flex:0 0 60%}.magic-bento-card--2x1{grid-column:span 2;grid-row:span 1}.magic-bento-card--2x1 .pixel-art-zone{flex:0 0 50%}.magic-bento-card--1x1{grid-column:span 1;grid-row:span 1}.magic-bento-card--1x1 .pixel-art-zone{flex:0 0 48%}}@media (min-width:600px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px;padding:1rem;gap:.5rem}.magic-bento-card--2x1,.magic-bento-card--2x2{grid-column:span 2;grid-row:span 1}.magic-bento-card--1x1{grid-column:span 1;grid-row:span 1}}@media (max-width:599px){.card-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.625rem;padding:.75rem}.magic-bento-card{grid-column:span 1!important;grid-row:span 1!important;min-height:260px;padding:0}.pixel-art-zone{flex:0 0 52%;min-height:130px}.pixel-info-panel{padding:.75rem 1rem .875rem}}