.dollar-amount {
  letter-spacing: -0.15ch;
  padding: 3rem 0;
  font-weight: 900;
  font-size: clamp(2rem, 10vw, 5rem);
  filter: drop-shadow(0 2px 0 var(--brand-red));
  line-height: 1;
  margin-block-end: 0.66rem;

  .dollar-sign {
    display: inline-block;
    font-weight: 300;
    font-size: 50%;
    vertical-align: top;
  }

  > span {
    display: inline-block;
    animation: scroll-in linear both;
    animation-timeline: view();
    animation-range: cover 0% entry-crossing 200%;
  }
}

@keyframes scroll-in {
  from {
    scale: 1.8;
    opacity: 0;
    translate: calc(sibling-index() * 4px) calc(sibling-index() * -20px);
  }
}