/* Charts draw themselves as they scroll into view.
   Enhancement only: every curve is complete in the markup. The rules below
   apply only once the head guard adds .chart-motion (support + motion checked),
   so no-JS, old-browser and reduced-motion visitors see finished graphs. */
.chart-motion .aq-chart[data-chart] .chart-wipe{
  transform-box:view-box;
  transform-origin:40px 0;
  transform:scaleX(0);
  transition:transform 1.6s cubic-bezier(.22,.61,.36,1);
}
.chart-motion .aq-chart[data-chart] .chart-wipe-2{transition-delay:.28s}
.chart-motion .aq-chart[data-chart].in-view .chart-wipe{transform:scaleX(1)}
.chart-motion .aq-chart[data-chart] .chart-area{opacity:0;transition:opacity 1.1s ease .45s}
.chart-motion .aq-chart[data-chart].in-view .chart-area{opacity:1}
@media (prefers-reduced-motion:reduce){
  .chart-motion .aq-chart[data-chart] .chart-wipe{transform:none;transition:none}
  .chart-motion .aq-chart[data-chart] .chart-area{opacity:1;transition:none}
}