/* Page transition: enter (new page) */
body.page-enter main {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1),
              transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
body.page-enter-done main {
  opacity: 1;
  transform: translateY(0);
}

/* Page transition: exit overlay */
.transition-overlay {
  position: fixed;
  inset: 0;
  background: #0a0a0a;
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.transition-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* Optional: subtle gold fade on overlay for brand feel */
.transition-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 80% 50% at 50% 50%,
    rgba(201, 169, 98, 0.06) 0%,
    transparent 60%
  );
  pointer-events: none;
}