/* A measured brand pause between pages; direct visits remain unobstructed. */
html::before,
html::after {
  content: "";
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--motion-page, 320ms) var(--ease, cubic-bezier(.22,.7,.22,1)), visibility var(--motion-page, 320ms);
}
html::after {
  z-index: 2147483645;
  background: #17161b;
}
html::before {
  z-index: 2147483646;
  background: url('/assets/localpixel/local-pixel-transition.svg') center / clamp(156px, 18vw, 230px) auto no-repeat;
  transform: translateY(-3px);
  filter: drop-shadow(0 2px 1px #17161866) drop-shadow(0 9px 12px #17161870);
}
html.lp-page-leaving::before,
html.lp-page-leaving::after,
html.lp-page-arriving::before,
html.lp-page-arriving::after {
  opacity: 1;
  visibility: visible;
}
html.lp-page-leaving::after,
html.lp-page-arriving::after { pointer-events: auto; }
html.lp-page-arriving::before,
html.lp-page-arriving::after { transition: none; }
@media (prefers-reduced-motion: reduce) {
  html::before, html::after { display: none; transition: none; }
}