@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
/* fund: the goal fills with red and moves like water */
.pour{display:block;width:100%;height:auto;margin:30px 0 4px;overflow:visible;filter:drop-shadow(0 0 26px rgba(255,45,45,.32))}
.pour-t{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-size:230px}
.pour-ghost{fill:none;stroke:#3a1010;stroke-width:2}
.pour-level{transform-box:view-box;transform-origin:600px 140px;transform:translateY(72px);
  animation:pour-fill 3s cubic-bezier(.2,.7,.2,1) both,pour-slosh 5.6s ease-in-out 3s infinite alternate}
.pour-front{animation:pour-run 3.4s linear infinite}
.pour-back{animation:pour-run 5.2s linear infinite reverse}
@keyframes pour-fill{from{transform:translateY(270px) rotate(0)}to{transform:translateY(72px) rotate(0)}}
@keyframes pour-slosh{from{transform:translateY(72px) rotate(-1.1deg)}to{transform:translateY(82px) rotate(1.1deg)}}
@keyframes pour-run{from{transform:translateX(0)}to{transform:translateX(-300px)}}
.pour-k{margin:0;text-align:center;font-family:var(--cond);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint)}
.fund-row{display:flex;justify-content:center;gap:56px;margin:38px 0 0;padding:22px 0 0;border-top:1px solid var(--rule)}
.fund-row span{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--cond);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint)}
.fund-row b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:44px;letter-spacing:.02em;color:var(--ink)}
.fund-row b.red{color:var(--red)}
@media (prefers-reduced-motion:reduce){.pour-level,.pour-front,.pour-back{animation:none}}