.page-transition { display: none; position: fixed; inset: 0; z-index: 100002; overflow: hidden; touch-action: none; }
.has-page-transition .page-transition, .page-transition.is-active { display: block; }
.page-transition__panel { position: absolute; inset: 0; width: 100%; height: 100%; }
.page-transition__panel--white { z-index: 2; background: var(--color-white); box-shadow: var(--shadow-curtain); } /* taste-skill-ignore: user-requested shadow between moving overlay layers. */
.page-transition__panel--pink { z-index: 1; background: var(--color-pink); }
@media (prefers-reduced-motion: reduce) {
  .has-page-transition .page-transition, .page-transition.is-active { display: none; }
}