.bento-container-bento-grid{width:100%;--gradient-start:rgba(0,0,0,0);--gradient-start-loc:0%;--gradient-end:rgba(0,0,0,0.8);--gradient-end-loc:100%;--gradient-angle:180deg}.bento-filters-bento-grid{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.bento-filter-btn-bento-grid{background:#fff0;border:1px solid #ccc;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all 0.3s ease}.bento-filter-btn-bento-grid:hover,.bento-filter-btn-bento-grid.active{background:#333;color:#fff;border-color:#333}.bento-grid-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:20px}.bento-card-bento-grid{position:relative;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform 0.4s ease,box-shadow 0.4s ease;background:#000}.bento-card-bento-grid.hidden{display:none}.bento-card-bento-grid.size-1x1{grid-column:span 1;grid-row:span 1}.bento-card-bento-grid.size-2x1{grid-column:span 2;grid-row:span 1}.bento-card-bento-grid.size-1x2{grid-column:span 1;grid-row:span 2}.bento-card-bento-grid.size-2x2{grid-column:span 2;grid-row:span 2}.bento-card-bento-grid.size-3x1{grid-column:span 3;grid-row:span 1}.bento-card-bento-grid.size-3x2{grid-column:span 3;grid-row:span 2}.bento-card-bento-grid.size-2x4{grid-column:span 2;grid-row:span 4}.bento-card-bento-grid.size-4x1{grid-column:span 4;grid-row:span 1}.bento-card-bento-grid.size-4x2{grid-column:span 4;grid-row:span 2}.bento-bg-bento-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bento-bg-bento-grid img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.bento-bg-bento-grid video{width:100%;height:100%;transition:transform 0.6s ease}.bento-bg-bento-grid video.video-fit-cover{object-fit:cover}.bento-bg-bento-grid video.video-fit-contain{object-fit:contain}.bento-overlay-bento-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(var(--gradient-angle),var(--gradient-start) var(--gradient-start-loc),var(--gradient-end) var(--gradient-end-loc));transition:opacity 0.4s ease}.bento-content-bento-grid{position:relative;z-index:3;padding:20px;color:#fff;display:flex;flex-direction:column;gap:8px;transform:translateY(20px);transition:transform 0.4s ease}.bento-tag-bento-grid{align-self:flex-start;background:rgb(255 255 255 / .2);padding:4px 10px;border-radius:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(4px)}.bento-title-bento-grid{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.bento-title-bento-grid a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px}.bento-title-icon-bento-grid{display:inline-flex}.bento-excerpt-bento-grid{font-size:14px;line-height:1.4;opacity:0;max-height:0;overflow:hidden;transition:all 0.4s ease}.bento-card-bento-grid:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .3)}.bento-card-bento-grid:hover .bento-bg-bento-grid img,.bento-card-bento-grid:hover .bento-bg-bento-grid video{transform:scale(1.08)}.bento-card-bento-grid:hover .bento-overlay-bento-grid{opacity:.8}.bento-card-bento-grid:hover .bento-content-bento-grid{transform:translateY(0)}.bento-card-bento-grid:hover .bento-excerpt-bento-grid{opacity:1;max-height:200px}@media (max-width:1024px){.bento-card-bento-grid.size-4x1,.bento-card-bento-grid.size-4x2,.bento-card-bento-grid.size-3x1,.bento-card-bento-grid.size-3x2,.bento-card-bento-grid.size-2x2,.bento-card-bento-grid.size-2x1{grid-column:span 2}}@media (max-width:767px){.bento-card-bento-grid.size-1x1,.bento-card-bento-grid.size-2x1,.bento-card-bento-grid.size-1x2,.bento-card-bento-grid.size-2x2,.bento-card-bento-grid.size-3x1,.bento-card-bento-grid.size-3x2,.bento-card-bento-grid.size-2x4,.bento-card-bento-grid.size-4x1,.bento-card-bento-grid.size-4x2{grid-column:span 1;grid-row:span 1;min-height:250px}.bento-content-bento-grid{transform:translateY(0)}.bento-excerpt-bento-grid{opacity:1;max-height:none}}