.noscroll{height:100%}.intro,.noscroll{width:100%;overflow:hidden}.intro{height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.intro:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:250px;pointer-events:none;z-index:4}.gridMotion-container{gap:1rem;flex:none;position:relative;width:150vw;height:150vh;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:100%;transform:rotate(-15deg);transform-origin:center center;z-index:2}.row{display:grid;gap:1rem;grid-template-columns:repeat(7,1fr);will-change:transform,filter}.row__item{position:relative}.row__item-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;background-color:#111;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.row__item-img{width:100%;height:100%;background-size:cover;background-position:50% 50%;position:absolute;top:0;left:0}.row__item-content{padding:1rem;text-align:center;z-index:1}.fullview{position:relative;width:100%;height:100%;top:0;left:0;pointer-events:none}.fullview .row__item-inner{border-radius:0}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.05)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}