.data-grid{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);width:100%}.data-item{position:relative}.data-label{color:var(--color-green);display:block;font-family:var(--font-family-body);font-size:1.6rem;letter-spacing:.15rem;margin-bottom:2rem}.data-value{color:#fff;display:block;font-family:var(--font-family-bike);font-size:4.5rem;font-weight:700}.data-line{background-color:var(--color-green);display:block;height:2px;margin-top:2rem;width:4rem}.data-item[data-scroll] .data-value{opacity:0;transform:translateY(-30px);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s ease;transition-delay:calc(var(--i, 0)*.2s);will-change:transform,opacity}.data-item[data-scroll] .data-line{opacity:0;transform:translateX(-40px);transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s ease;transition-delay:calc(var(--i, 0)*.2s + .1s);will-change:transform,opacity}.data-item.animated .data-line,.data-item.animated .data-value{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.data-item[data-scroll] .data-line,.data-item[data-scroll] .data-value{opacity:1!important;transform:none!important;transition:none}}@media (max-width:768px){.data-item{padding:3rem}.data-label{margin-bottom:0}.data-value{font-size:3.6rem}.data-line{margin-top:1rem}}