@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.hero-chart-line{animation:3s cubic-bezier(.4,0,.2,1) both drawing-trace}.hero-chart-area{animation:1.2s ease-out 1.8s both drawing-fade-in}.hero-chart-panel{animation:1.1s cubic-bezier(.16,1,.3,1) both hero-chart-panel-in}.hero-chart[data-playing=false] :is(.hero-chart-line,.hero-chart-area,.hero-chart-panel){animation-play-state:paused}.hero-chart-marker{transition:opacity .5s ease-out}.hero-chart-marker[data-reached=false]{opacity:0}.hero-chart-dot{transition:scale .3s cubic-bezier(.16,1,.3,1)}}.hero-chart-marker[data-hovered=true] .hero-chart-dot{scale:1.5}@keyframes hero-chart-panel-in{0%{opacity:0;translate:0 -.75rem}}
@property --scroll-progress{syntax:"<number>";inherits:true;initial-value:1}@property --word-start{syntax:"<number>";inherits:false;initial-value:0}@property --word-fade-speed{syntax:"<number>";inherits:true;initial-value:1}.statements-scroller{height:300vh}.statements-pin{top:var(--spacing-navbar);height:calc(100svh - var(--spacing-navbar));position:sticky}.statements-progress{background:var(--color-mint);width:1px;transform:scaleY(var(--scroll-progress,1));transform-origin:top;position:absolute;inset-block:0;inset-inline-start:-1px}.statement-keyword{letter-spacing:normal;white-space:nowrap;font-size:1.1em;line-height:0}.statement-word{--word-fade:clamp(0, (var(--scroll-progress,1) - var(--word-start,0)) * var(--word-fade-speed,1), 1);color:color-mix(in oklab, var(--color-ink) calc(var(--word-fade) * 100%), var(--color-grey-light))}