/* fx.css · story/velocity-skew, headlines lean with the speed of the scroll · owner: Lizzy East · all rights reserved */

/* fx.js writes --fx-skew on the block while the page is moving and removes it when
   the headlines have settled, so at rest (and with no script, or motion off) the
   transform is simply none. */
html.fx-armed [data-fx~="story/velocity-skew"] :is(h2, h3, [data-fx-skew]) {
  transform: skewX(var(--fx-skew));
  transform-origin: 50% 100%;
}