.ok-page-transition {
  position: fixed;
  z-index: 99999;
  inset: 0;
  background: #c9a34e;
  pointer-events: none;
  transform: translateX(0);
  animation: okPageReveal .72s cubic-bezier(.76, 0, .24, 1) forwards;
}

.ok-page-transition.is-leaving {
  animation: okPageCover .46s cubic-bezier(.76, 0, .24, 1) forwards;
}

body.ok-home #main,
body.ok-internal #wrapper {
  animation: okPageIn .78s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes okPageReveal {
  to { transform: translateX(-101%); }
}

@keyframes okPageCover {
  from { transform: translateX(101%); }
  to { transform: translateX(0); }
}

@keyframes okPageIn {
  from { opacity: .45; transform: translateX(4vw); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ok-page-transition { display: none !important; }
  body.ok-home #main,
  body.ok-internal #wrapper { animation: none !important; }
  .visual-grid img { transform: none !important; }
}