.bento-container{position:relative;width:100%;height:300vh}.bento-sticky-wrapper{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.bento-wrapper{position:relative;width:100%;height:800px;overflow:hidden}@media (max-height:600px){.bento-wrapper{height:500px}}@media (max-height:400px){.bento-wrapper{height:300px}}.bento-scrollable{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;cursor:-webkit-grab;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.bento-scrollable::-webkit-scrollbar{display:none}.bento-scrollable.dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}.FogContainer{width:100%;position:absolute}.Fog,.FogContainer{height:100%;top:0;left:0;pointer-events:none}.Fog{position:-webkit-sticky;position:sticky;z-index:2;background:linear-gradient(90deg,black,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),black);width:100vw}.bento-grid{display:grid;grid-template-columns:repeat(7,640px) 1280px;grid-template-rows:380px 380px;grid-gap:24px;gap:24px;width:6000px;height:800px;background:#000000;-webkit-overflow-scrolling:touch;will-change:transform}@media (max-width:1919px) and (min-width:1440px){.bento-grid{grid-template-columns:repeat(7,480px) 960px;grid-template-rows:285px 285px;width:4500px;gap:18px}.bento-grid,.bento-wrapper{height:600px}}@media (max-width:1439px) and (min-width:1200px){.bento-grid{grid-template-columns:repeat(7,400px) 800px;grid-template-rows:237px 237px;width:3800px;gap:16px}.bento-grid,.bento-wrapper{height:500px}}@media (max-width:1199px) and (min-width:992px){.bento-grid{grid-template-columns:repeat(7,320px) 640px;grid-template-rows:190px 190px;width:3040px;gap:14px}.bento-grid,.bento-wrapper{height:400px}}@media (max-width:991px) and (min-width:768px){.bento-grid{grid-template-columns:repeat(7,390px) 780px;grid-template-rows:231px 231px;width:3720px;gap:18px}.bento-grid,.bento-wrapper{height:480px}.FogContainer{width:3720px}}@media (max-width:767px) and (min-width:600px){.bento-grid{grid-template-columns:repeat(7,350px) 700px;grid-template-rows:207px 207px;width:3150px;gap:14px}.bento-grid,.bento-wrapper{height:431px}.FogContainer{width:3150px}}@media (max-width:599px) and (min-width:480px){.bento-grid{grid-template-columns:repeat(7,320px) 640px;grid-template-rows:190px 190px;width:2880px;gap:12px}.bento-grid,.bento-wrapper{height:396px}.FogContainer{width:2880px}}@media (max-width:479px) and (min-width:380px){.bento-grid{grid-template-columns:repeat(7,260px) 520px;grid-template-rows:154px 154px;width:2340px;gap:8px}.bento-grid,.bento-wrapper{height:320px}.FogContainer{width:2340px}}@media (max-width:379px){.bento-grid{grid-template-columns:repeat(7,220px) 440px;grid-template-rows:130px 130px;width:1980px;gap:6px}.bento-grid,.bento-wrapper{height:268px}.FogContainer{width:1980px}}.bento-card{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s ease;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:767px){.bento-card{border-radius:12px}}@media (max-width:479px){.bento-card{border-radius:8px}}.bento-card,.bento-card img{border-radius:inherit}@media (hover:hover) and (pointer:fine){.bento-scrollable:not(.dragging) .bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}}.bento-card img{pointer-events:none}.bento-card.dragging{opacity:.3;transform:scale(.95);z-index:10}.bento-card.drag-over{border:3px solid #007acc;box-shadow:0 0 20px rgba(0,122,204,.3);transform:scale(1.02)}.drag-preview{border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:none}.drag-preview .bento-card{box-shadow:none;border-radius:16px}.col-1.row-1{grid-column:1;grid-row:1}.col-1.row-2{grid-column:1;grid-row:2}.col-2.row-1{grid-column:2;grid-row:1}.col-2.row-2{grid-column:2;grid-row:2}.col-3.row-1-2{grid-column:3;grid-row:1/span 2}.col-4.row-1{grid-column:4;grid-row:1}.col-4.row-2{grid-column:4;grid-row:2}.col-5.row-1{grid-column:5;grid-row:1}.col-5.row-2{grid-column:5;grid-row:2}.col-6.row-1{grid-column:6;grid-row:1}.col-6.row-2{grid-column:6;grid-row:2}.col-7.row-1{grid-column:7;grid-row:1}.col-7.row-2{grid-column:7;grid-row:2}.col-8.row-1-2{grid-column:8;grid-row:1/span 2}@media (hover:none) and (pointer:coarse){.bento-card,.bento-scrollable{cursor:default}.bento-scrollable{-webkit-overflow-scrolling:touch}.bento-card.dragging{opacity:.5;transform:scale(.9)}.bento-card.drag-over{background-color:rgba(0,122,204,.1);border:2px solid #007acc}}