.slanted-grid_wrapper__8V2pM{--_gap:0.5rem;--_offset:10%;--_offset-1:calc(var(--_offset) * 1);--_offset-2:calc(var(--_offset) * 2);--_offset-3:calc(var(--_offset) * 3);--_offset-7:calc(var(--_offset) * 7);--_offset-8:calc(var(--_offset) * 8);--_offset-9:calc(var(--_offset) * 9);max-width:1536px;margin:2rem auto;color:white;font-family:system-ui;display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--_gap);pointer-events:none;transform-style:preserve-3d}.slanted-grid_wrapper__8V2pM>div{position:relative;pointer-events:auto;aspect-ratio:1;transition:scale .5s ease-in-out,filter .5s ease-in-out,clip-path .5s ease-in-out .5s;clip-path:polygon(var(--_clip-path));transform:translateZ(0)}.slanted-grid_wrapper__8V2pM>div:nth-child(n+4){margin-top:calc(var(--_offset-3) * -1 + var(--_gap))}.slanted-grid_wrapper__8V2pM>div:first-child{--_clip-path:0 0,100% 0,100% var(--_offset-9),0 100%}.slanted-grid_wrapper__8V2pM>div:nth-child(2){--_clip-path:0 0,100% 0,100% var(--_offset-8),0 var(--_offset-9)}.slanted-grid_wrapper__8V2pM>div:nth-child(3){--_clip-path:0 0,100% 0,100% var(--_offset-7),0 var(--_offset-8)}.slanted-grid_wrapper__8V2pM>div:nth-child(4){--_clip-path:0 var(--_offset-3),100% var(--_offset-2),100% var(--_offset-8),0 var(--_offset-7)}.slanted-grid_wrapper__8V2pM>div:nth-child(5){--_clip-path:0 var(--_offset-2),100% var(--_offset-1),100% var(--_offset-9),0 var(--_offset-8)}.slanted-grid_wrapper__8V2pM>div:nth-child(6){--_clip-path:0 var(--_offset-1),100% 0%,100% 100%,0 var(--_offset-9)}.slanted-grid_wrapper__8V2pM>div:nth-child(7){--_clip-path:0 0%,100% var(--_offset-1),100% 100%,0 100%}.slanted-grid_wrapper__8V2pM>div:nth-child(8){--_clip-path:0 var(--_offset-1),100% var(--_offset-2),100% 100%,0 100%}.slanted-grid_wrapper__8V2pM>div:nth-child(9){--_clip-path:0 var(--_offset-2),100% var(--_offset-3),100% 100%,0 100%}.slanted-grid_wrapper__8V2pM>div:hover{transition:scale .5s ease-in-out,filter .5s ease-in-out,clip-path .5s ease-in-out .5s;scale:1.3;--_clip-path:0 0,100% 0,100% 100%,0 100%;z-index:100;opacity:1}.slanted-grid_wrapper__8V2pM>div img{width:100%;height:100%;object-fit:cover;display:block}.slanted-grid_wrapper__8V2pM:has(:hover)>div:not(:hover){filter:grayscale(.5) blur(3px);opacity:.5;scale:.9}.slanted-grid_wrapper__8V2pM>div:not(:hover){animation:slanted-grid_zIndexHack__9U0N2 1s}@keyframes slanted-grid_zIndexHack__9U0N2{0%,to{z-index:100}}