/* ============================================================
   Page transition — two panels sweep up (driven by GSAP)
   ============================================================ */
.page-trans {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  overflow: hidden;
}
.pt-panel {
  position: fixed;
  inset: 0;
  transform: translateY(100%);
  will-change: transform;
  backface-visibility: hidden;
}
.pt-yellow { background: #FEFE46; z-index: 1; }
.pt-dark   { background: #0e0f12; z-index: 2; }

/* a page arrived at THROUGH the transition starts covered by the DARK
   panel only (yellow stays below, so it never shows a second time).
   Class is set in <head> before first paint. */
.pt-incoming .pt-dark { transform: translateY(0); }
.pt-incoming .page-trans { pointer-events: all; }