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