.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--bento-gap-md);padding:var(--bento-padding);max-width:1200px;margin:0 auto}.bento-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--bento-card-padding);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden;position:relative;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.bento-card-content{display:flex;flex-direction:column;height:100%;gap:var(--spacing-md)}.bento-card-icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.bento-card-image{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.bento-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.bento-card:hover .bento-card-image img{transform:scale(1.05)}.bento-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.bento-card-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0;flex:1}@media (max-width: 639px){.bento-grid{grid-template-columns:1fr;gap:var(--bento-gap-sm);padding:var(--spacing-md)}.bento-card{grid-column:span 1!important;grid-row:span 1!important}.bento-card-image{height:150px}}@media (min-width: 640px) and (max-width: 1023px){.bento-grid{grid-template-columns:repeat(6,1fr);gap:var(--bento-gap-md)}.bento-card.bento-card-small,.bento-card.bento-card-medium{grid-column:span 3!important}.bento-card.bento-card-large,.bento-card.bento-card-xlarge{grid-column:span 6!important}}@media (min-width: 1024px){.bento-grid{grid-template-columns:repeat(12,1fr);gap:var(--bento-gap-lg)}}@media (min-width: 1920px){.bento-grid{gap:var(--bento-gap-xl);max-width:1400px}.bento-card{padding:calc(var(--bento-card-padding) * 1.25)}}@keyframes bentoCardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bentoCardSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.bento-card[data-animated=true]{animation:bentoCardFadeIn .7s ease-out forwards}.bento-card[data-animated=slide-up]{animation:bentoCardSlideUp .8s ease-out forwards}.bento-card{transition:transform .35s ease-out,box-shadow .35s ease-out,background-color .3s ease-out,border-color .3s ease-out}@media (prefers-reduced-motion: reduce){.bento-card{transition:none;animation:none!important}.bento-card:hover{transform:none}.bento-card-image img{transition:none}}