/* ============================================================
   PAGE TRANSITION — staggered panel cascade
   ============================================================ */

.page-transition {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  visibility: visible !important;
}

.page-transition__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
  will-change: transform;
  backface-visibility: hidden;
}

.page-transition__panel--1 { background: var(--bg); }
.page-transition__panel--2 { background: var(--bg-card); }
.page-transition__panel--3 { background: var(--border); }
.page-transition__panel--4 { background: var(--accent); }