/* Odometer counter. Measured from the Alture Webflow template's stats row (IX2 a-47 "Numbers counter up",
   SCROLL_INTO_VIEW, 15% offset, once), rewritten. part.js turns each digit of a number into a reel:

   <span class="odo__reel">                          a window one digit wide, sized by an invisible copy of the
     <span class="odo__size">8</span>                final digit (so the number takes its final width from frame 1)
     <span class="odo__strip">                        absolutely placed over it, top 0
       <span>5</span><span>6</span><span>7</span>     the run-up digits, in flow
       <span class="odo__final">8</span>              the final digit, parked at top: 100% (just below the strip)
     </span>
   </span>

   Moving the strip to translateY(-100%) of its own height therefore always lands exactly on the final digit,
   however long the run-up is. The whole number is one overflow-clipped line. */
.odo {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  overflow: clip;                          /* the source's .number_wrap: overflow hidden, one line */
  line-height: var(--odo-line, 1);
  font-variant-numeric: tabular-nums;      /* ours: every reel digit is the same width, so nothing pokes out */
}
.odo__char, .odo__reel { position: relative; display: block; }
.odo__size { display: block; opacity: 0; }
.odo__strip { position: absolute; top: 0; left: 0; right: 0; text-align: center; will-change: transform; }
.odo__strip > span { display: block; }
.odo__strip > .odo__final { position: absolute; top: 100%; left: 0; right: 0; }
.odo__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }