.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:12px;width:100%;height:100vh;padding:16px;background-color:#f5f5f5}.grid-item{border-radius:12px;overflow:hidden;position:relative}.image-container{width:100%;height:100%;position:relative}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.grid-item:hover img{transform:scale(1.06)}.skeleton-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.item-1{grid-column:1 / 2;grid-row:1 / 3;background-color:#a62c2c}.item-2{grid-column:2 / 3;grid-row:1 / 2;background-color:#e83f25}.item-3{grid-column:3 / 5;grid-row:1 / 2;background-color:#ea7300}.item-4{grid-column:2 / 3;grid-row:2 / 4;background-color:#d3ca79}.item-5{grid-column:1 / 2;grid-row:3 / 5;background-color:#ea7300}.item-6{grid-column:2 / 3;grid-row:4 / 5;background-color:#a62c2c}.item-7{grid-column:3 / 4;grid-row:2 / 5;background-color:#e83f25}.item-8{grid-column:4 / 5;grid-row:2 / 5;background-color:#d3ca79}@media screen and (max-width: 768px){.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:clamp(108px,33vw,200px);gap:8px;width:100%;height:auto;min-height:0;padding:12px}.grid-item{aspect-ratio:auto}.item-1{grid-column:1;grid-row:1 / span 2}.item-2{grid-column:2;grid-row:1}.item-3{grid-column:2;grid-row:2}.item-6{grid-column:1 / -1;grid-row:3}.item-4{grid-column:1;grid-row:4 / span 2}.item-5{grid-column:2;grid-row:4}.item-8{grid-column:2;grid-row:5}.item-7{grid-column:1 / -1;grid-row:6}}@media screen and (min-width: 769px) and (max-width: 1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:14px}.item-1{grid-column:1 / 2;grid-row:1 / 3}.item-2{grid-column:2 / 4;grid-row:1 / 2}.item-3{grid-column:2 / 3;grid-row:2 / 3}.item-4{grid-column:3 / 4;grid-row:2 / 4}.item-5{grid-column:1 / 2;grid-row:3 / 4}.item-6{grid-column:2 / 3;grid-row:3 / 4}.item-7{grid-column:1 / 3;grid-row:4 / 5}.item-8{grid-column:3 / 4;grid-row:4 / 5}}