/* fx.css · reveal/duotone, the photograph arrives as a two-tone print and warms to colour · owner: Lizzy East · all rights reserved */

/* Put it on the frame around a photograph. Waiting, the photograph is a toned
   two-tone print; arriving, the colour comes up over 1.2s (the filter blends to
   none, its own identity). The picture is never hidden, only toned. */
html.fx-armed [data-fx~="reveal/duotone"].is-pending img {
  filter: var(--fx-duotone, grayscale(1) contrast(1.2) sepia(0.4));
}
html.fx-armed [data-fx~="reveal/duotone"].is-in img {
  transition: filter var(--fx-reveal-dur, 1200ms) var(--fx-reveal-ease, cubic-bezier(0.4, 0, 0.2, 1));
  transition-delay: calc(var(--fx-delay, 0ms) + 150ms + var(--fx-i, 0) * var(--fx-stagger));
}