.bento-grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1rem;padding:1rem;border-radius:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.1)}.font-design{font-family:Geo;font-size:40px}.txt-font{font-family:Source;color:#343434;font-weight:900}.bento-grid-container>div{border-radius:1.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.bento-grid-container>div:hover{transform:scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.15)}.bento-grid-container>div:first-child{grid-column:span 2;grid-row:span 2}.bento-grid-container>div:nth-child(2),.bento-grid-container>div:nth-child(3){grid-column:span 1;grid-row:span 1}.bento-grid-container>div:nth-child(4){grid-column:span 1;grid-row:span 2}.bento-grid-container>div:nth-child(5){grid-column:span 1;grid-row:span 1}.bento-grid-container>div:nth-child(6){grid-column:span 2;grid-row:span 1}.bento-grid-container>div:nth-child(7),.bento-grid-container>div:nth-child(8){grid-column:span 1;grid-row:span 1}.object-cover{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.object-cover:hover{transform:scale(1.05)}.shadow-lg{box-shadow:0 5px 15px rgba(0,0,0,.1)}.rounded-2xl{border-radius:1.5rem}.overflow-hidden{overflow:hidden}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}}