.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,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{opacity:.42;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}.cx-weather .cx-rain{opacity:1}.cx-weather .cx-snow{opacity:0;transform-box:fill-box;transform-origin:50%}.cx-weather .cx-bolt{opacity:0}.cx-bug .cx-antennae{transform-box:fill-box;transform-origin:50% 100%}.cx-live .cx-weather .cx-rain{animation:6s infinite cx-rain-cycle}.cx-live .cx-weather .cx-snow{animation:6s infinite cx-snow-cycle,2.6s ease-in-out infinite cx-drift}.cx-live .cx-weather .cx-bolt{animation:6s infinite cx-bolt-cycle}@keyframes cx-rain-cycle{0%,28%{opacity:1}34%,96%{opacity:0}to{opacity:1}}@keyframes cx-snow-cycle{0%,32%{opacity:0}38%,60%{opacity:1}66%,to{opacity:0}}@keyframes cx-bolt-cycle{0%,66%{opacity:0}72%,94%{opacity:1}to{opacity:0}}@keyframes cx-drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(1.6px)rotate(6deg)}}.cx-live .cx-weather .cx-rain path{animation:.85s linear infinite cx-fall}.cx-live .cx-weather .cx-rain path:nth-child(2){animation-delay:.28s}.cx-live .cx-weather .cx-rain path:nth-child(3){animation-delay:.56s}@keyframes cx-fall{0%{opacity:0;transform:translateY(-1.5px)}25%,75%{opacity:1}to{opacity:0;transform:translateY(3px)}}.cx-live .cx-weather .cx-bolt path{animation:.5s step-end infinite cx-flash}@keyframes cx-flash{0%,49%{opacity:1}50%,to{opacity:.4}}.cx-live .cx-bug .cx-antennae{animation:1.5s ease-in-out infinite cx-antennae}@keyframes cx-antennae{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.cx-live *{animation:none!important}}