#react-bento-grid{margin:40px 0}.react-theme-wrapper{width:100%}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;display:grid}@media (width>=992px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px}}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffa6;border:1px solid #fff6;border-radius:24px;flex-direction:column;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 8px 32px #0000000d}[data-theme=dark] .glass-card{background:#1e1e1ea6;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006}.glass-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 16px 40px #0000001a}[data-theme=dark] .glass-card:hover{box-shadow:0 16px 40px #0009}.bento-item.featured{grid-area:span 2/1/auto/-1}@media (width>=992px){.bento-item.featured{grid-area:span 2/span 2}}.bento-link{color:inherit;flex-direction:column;width:100%;height:100%;text-decoration:none;display:flex}.bento-image-wrapper{flex:1;width:100%;min-height:150px;position:relative;overflow:hidden}.bento-item.featured .bento-image-wrapper{min-height:250px}.bento-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.glass-card:hover .bento-image-wrapper img{transform:scale(1.05)}.bento-placeholder{background:linear-gradient(135deg,#8080801a,#80808033);width:100%;height:100%}.bento-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.bento-category{text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);margin-bottom:8px;font-size:12px;font-weight:700}.bento-title{color:var(--text-color);margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.3}.bento-item.featured .bento-title{font-size:28px}.bento-excerpt{color:var(--muted-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:15px;display:-webkit-box;overflow:hidden}.bento-meta{color:var(--muted-text);margin-top:auto;font-size:13px;font-weight:600}
