/* PEK Civil Defence - clean global page transitions v3.4 */

/* Disable the previous slat / system-transfer transition everywhere. */
.page-transition{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Safety: old transition classes must never scale, desaturate or distort pages. */
body.is-leaving main,
body.is-leaving header,
body.is-leaving section,
body.is-leaving footer,
body.is-leaving nav,
body.is-entering main,
body.is-entering header,
body.is-entering section,
body.is-entering footer,
body.is-entering nav{
  transform:none !important;
  filter:none !important;
}

.pcd-clean-page-transition{
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:
    radial-gradient(circle at 50% 45%, rgba(204,20,23,.045), transparent 42%),
    #050505;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity 230ms cubic-bezier(.22,1,.36,1),
    visibility 0s linear 230ms;
  will-change:opacity;
}

/* Entering page: start covered. */
html.pcd-clean-incoming .pcd-clean-page-transition{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:none;
}

/* Reveal the destination as one clean frame. */
html.pcd-clean-incoming.pcd-clean-reveal .pcd-clean-page-transition{
  opacity:0;
  visibility:visible;
  pointer-events:none;
  transition:opacity 300ms cubic-bezier(.22,1,.36,1);
}

/* Leaving page: simple fade to dark. */
body.pcd-clean-leaving .pcd-clean-page-transition{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:
    opacity 230ms cubic-bezier(.22,1,.36,1),
    visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce){
  .pcd-clean-page-transition{
    transition-duration:80ms !important;
  }
}