/* Shared Page Transition Overlay Styles */
.page-transition-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999; /* Ensure it is above EVERYTHING (including the custom cursor) during transition */
  background: #020203;
  pointer-events: none;
  transition: clip-path 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  /* Starts fully covering the page to hide the layout pop/load */
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* Slide/reveal downward when loaded */
.page-transition-overlay.loaded {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

/* Sweep to cover when navigating away */
.page-transition-overlay.leaving {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}