/*
  FILE: page-fade.css
  PURPOSE: Soft fade transition between page loads, paired with
  page-fade-init.js (adds the starting class before first paint) and
  page-fade.js (removes it to fade in, and fades the page back out
  before following a link to another page). Body defaults to fully
  visible on its own -- opacity: 1 below is the safe fallback if JS
  never runs (disabled, blocked, fails to load), it only ever fades
  when JS is actively driving it via the html.page-fade--entering
  class, never the other way round.
*/
body {
  opacity: 1;
  transition: opacity 0.2s ease;
}

html.page-fade--entering body {
  opacity: 0;
}