.stats{--stats-surface:var(--color-sage);padding:var(--space-section) var(--space-page);background:var(--stats-surface);color:var(--color-ink)}.stats--white{--stats-surface:#fff}.stats__heading{gap:var(--grid-gap);grid-template-columns:1fr 3fr;margin-bottom:clamp(4rem,9vw,9rem);display:grid}.stats__heading p,.stats dt{font-size:var(--text-xs);letter-spacing:var(--tracking-ui);opacity:.55;text-transform:uppercase;margin:0}.stats__heading h2{max-width:12ch;font-family:var(--font-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-tight);margin:0;font-weight:400;line-height:.95}.stats__grid{border-top:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;display:grid}.stats__item{border-right:1px solid var(--color-line);opacity:0;flex-direction:column;justify-content:space-between;min-height:clamp(13rem,20vw,22rem);padding:1rem 1rem 1.2rem 0;display:flex;transform:translateY(1.5rem)}.stats__item+.stats__item{padding-left:1rem}.stats__item:last-child{border-right:0}.stats[data-visible=true] .stats__item{opacity:1;transition:opacity .7s var(--ease-out-expo) calc(var(--stat-index) * 90ms), transform .7s var(--ease-out-expo) calc(var(--stat-index) * 90ms);transform:translateY(0)}.stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:0;font-size:clamp(2.3rem,4.2vw,5rem);line-height:.9}.stats--timeline{--timeline-past:#8c8c8c;--timeline-current:var(--color-pine);padding-block:var(--section-padding-block)}.stats--timeline .stats__heading{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(1.25rem,2vw,2rem);margin-bottom:clamp(3.5rem,6vw,6rem)}.stats--timeline .stats__heading h2{max-width:14ch;font-family:var(--font-sans);letter-spacing:-.035em;font-size:clamp(3rem,5.6vw,6.6rem);line-height:1.05}.stats--timeline .stats__grid{isolation:isolate;border-top:0;position:relative}.stats--timeline .stats__grid:before{z-index:0;background:color-mix(in srgb, var(--color-ink) 50%, transparent);content:"";height:1px;position:absolute;top:.55rem;left:2.5%;right:2.5%}.stats--timeline .stats__grid:after{z-index:1;background:var(--timeline-past);content:"";transform-origin:0;width:25%;height:1px;position:absolute;top:.55rem;left:12.5%;transform:scaleX(0)}.stats--timeline[data-visible=true] .stats__grid:after{transition:transform 1.2s var(--ease-out-expo) .18s;transform:scaleX(1)}.stats--timeline .stats__item,.stats--timeline .stats__item+.stats__item{z-index:2;text-align:center;border:0;grid-template-rows:1.5rem auto auto;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;min-height:5rem;padding:0 clamp(.25rem,1vw,.75rem);display:grid;position:relative}.stats--timeline .stats__item:before{z-index:3;background:var(--color-ink);content:"";transform-origin:50%;width:1px;height:1.15rem;position:relative;transform:scaleY(0)}.stats--timeline[data-visible=true] .stats__item:before{transition:transform .52s var(--ease-out-expo) calc(var(--stat-index) * .14s + .26s);transform:scaleY(1)}.stats--timeline .stats__item[data-state=complete]:before{background:var(--timeline-past);width:.75rem;height:.75rem;box-shadow:0 0 0 .22rem var(--stats-surface);opacity:1;border-radius:50%;margin-top:.18rem}.stats--timeline .stats__item[data-state=current]:before{background:var(--timeline-current);width:.75rem;height:.75rem;box-shadow:0 0 0 .22rem var(--stats-surface);opacity:1;border:0;border-radius:50%;margin-top:.18rem}.stats--timeline dt{letter-spacing:-.015em;opacity:1;text-transform:none;order:1;padding-bottom:8px;font-size:clamp(.9rem,1.05vw,1.05rem);font-weight:600;line-height:1.25}.stats--timeline dd{color:color-mix(in srgb, var(--color-ink) 76%, transparent);font-family:var(--font-sans);letter-spacing:-.01em;order:2;margin-top:0;font-size:clamp(.9rem,1vw,1.05rem);font-weight:400;line-height:1.25}@media (max-width:991px){.stats--grid .stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats--grid .stats__item:nth-child(2){border-right:0}.stats--grid .stats__item:nth-child(n+3){border-top:1px solid var(--color-line)}.stats--grid .stats__item:nth-child(3){padding-left:0}}@media (max-width:767px){.stats__heading{grid-template-columns:1fr;gap:2rem}.stats__item{min-height:11rem}.stats--timeline .stats__grid{grid-template-columns:1fr;padding-left:2rem}.stats--timeline .stats__grid:before{width:1px;height:auto;display:block;top:1.5rem;bottom:1.5rem;left:.45rem}.stats--timeline .stats__grid:after{transform-origin:top;width:2px;height:calc(33.3333% - 1rem);display:block;top:1.5rem;left:.4rem;transform:scaleY(0)}.stats--timeline[data-visible=true] .stats__grid:after{transform:scaleY(1)}.stats--timeline .stats__item,.stats--timeline .stats__item+.stats__item,.stats--timeline .stats__item:nth-child(3){text-align:left;grid-template-rows:auto auto;justify-items:start;min-height:5.5rem;padding:1.25rem 0}.stats--timeline .stats__item:before{width:1.15rem;height:1px;position:absolute;top:1.525rem;left:-1.55rem;translate:-50%}.stats--timeline .stats__item[data-state=complete]:before,.stats--timeline .stats__item[data-state=current]:before{margin-top:0;top:1.15rem}.stats--timeline dd{margin-top:0}}@media (max-width:479px){.stats--timeline .stats__heading h2{font-size:clamp(2rem,10vw,3rem)}.stats--grid .stats__grid{grid-template-columns:1fr}.stats--grid .stats__item,.stats--grid .stats__item+.stats__item,.stats--grid .stats__item:nth-child(3){border-top:1px solid var(--color-line);border-right:0;min-height:9rem;padding:1rem 0}}
