.grid-motion-wrapper{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.grid-motion-intro{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.grid-motion-container{transform-origin:50%;z-index:2;flex:none;grid-template-rows:repeat(4,1fr);grid-template-columns:100%;gap:1rem;width:250vw;height:150vh;display:grid;position:relative;transform:rotate(-15deg)}.grid-motion-row{will-change:transform;gap:1rem;height:100%;display:flex}.grid-motion-item{flex-shrink:0;min-width:calc(25vw - 1rem);height:100%;position:relative}.grid-motion-item-inner{color:#fff;background-color:#111c;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;transition:transform .5s;display:flex;position:relative;overflow:hidden}.grid-motion-item:hover .grid-motion-item-inner{transform:scale(1.02)}.grid-motion-item-img{opacity:.7;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.grid-motion-item:hover .grid-motion-item-img{opacity:.9}.grid-motion-item-content{text-align:center;z-index:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.grid-motion-overlay{z-index:3;pointer-events:none;background:#0009;position:absolute;inset:0}