@property --num{syntax:"<integer>";inherits:false;initial-value:0}.section-in-view .animation-target{animation-name:animated-counter;animation-delay:var(--anim-delay);animation-duration:var(--anim-duration);counter-reset:animated-number var(--num);animation-timing-function:cubic-bezier(.33,0,.1,1);animation-iteration-count:1;animation-fill-mode:forwards}.animation-target:after{content:"0"}.section-in-view .animation-target:after{content:counter(animated-number)}@keyframes animated-counter{0%{--num:0}to{--num:var(--target-num)}}@media (prefers-reduced-motion:reduce){.section-in-view .animation-target{animation-duration:0s;animation-delay:0s}}.card:has(animated-number){color:inherit}