/* Small additions on top of site.css. */

/* Blocks fade up as they scroll into view. Only hidden when scripts run. */
html.js [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(6px);
  transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1), filter .7s cubic-bezier(.16, 1, .3, 1);
}
html.js [data-reveal].is-in,
html.show-all [data-reveal] {
  opacity: 1;
  transform: none;
  filter: none;
}

/* If scripts are off, or site.js fails to load, show everything in its finished state. */
html:not(.js) .reveal-word__inner,
html.show-all .reveal-word__inner { transform: none !important; }
html:not(.js) [data-fade],
html.show-all [data-fade] { opacity: 1 !important; }
html:not(.js) [data-draw],
html.show-all [data-draw] { stroke-dashoffset: 0 !important; }
html:not(.js) [data-w="66.10%"], html.show-all [data-w="66.10%"] { width: 66.10% !important; }
html:not(.js) [data-w="33.90%"], html.show-all [data-w="33.90%"] { width: 33.90% !important; }
html:not(.js) [data-w="6.78%"], html.show-all [data-w="6.78%"] { width: 6.78% !important; }

@media (prefers-reduced-motion: reduce) {
  html.js [data-reveal] { opacity: 1; transform: none; filter: none; transition: none; }
}