.grid-motion{aspect-ratio:11/5;isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;margin:0;position:relative;overflow:hidden}.grid-motion-in{--grid-gap:clamp(14px, 1.7vw, 30px);gap:var(--grid-gap);width:240%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-15deg}.grid-motion-row{gap:var(--grid-gap);will-change:transform;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.grid-motion-tile{aspect-ratio:3200/1716;background-color:color-mix(in srgb, var(--paper) 7%, var(--band));background-position:50%;background-repeat:no-repeat;background-size:cover}.grid-motion:after{content:"";z-index:1;background-image:linear-gradient(to right, var(--band), transparent 14%, transparent 86%, var(--band));position:absolute;inset:0}@media (max-width:900px){.grid-motion{aspect-ratio:16/9}.grid-motion-in{width:360%}}