.noscroll{width:100%;height:100%;overflow:hidden}.intro{justify-content:center;align-items:center;width:100%;height:100vh;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,minmax(0,1fr));gap:1rem;display:grid}.row__item{min-height:150px;position:relative}.row__item-inner{color:#fff;background:linear-gradient(135deg,#ffffff14,#ffffff03);border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(.8rem,1vw,1.5rem);transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;transform:translateY(0)scale(1);box-shadow:0 12px 24px #0000001f}.row__item-inner:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff38,#0000 40% 60%,#ffffff14);transition:opacity .35s;position:absolute;inset:0}.row__item:hover .row__item-inner{border-color:#ffffff2e;transform:translateY(-6px)scale(1.01);box-shadow:0 18px 40px #0000002e}.row__item:hover .row__item-inner:before{opacity:1}.row__item-img{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .45s;position:absolute;top:0;left:0;transform:scale(1.04)}.row__item:hover .row__item-img{transform:scale(1.12)}.row__item-content{text-align:center;z-index:1;letter-spacing:.1em;text-transform:uppercase;opacity:.9;padding:1rem;font-weight:600;transition:opacity .35s,transform .35s}.row__item:hover .row__item-content{opacity:1;transform:translateY(-2px)}.fullview{pointer-events:none;width:100%;height:100%;position:relative;top:0;left:0}.fullview .row__item-inner{border-radius:0}@media (max-width:768px){.row__item-content{transform:rotate(90deg)}.row__item:hover .row__item-content{transform:translateY(-2px)rotate(90deg)}}