.page-transition { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; visibility:hidden; opacity:0; overflow:hidden; background:#0d2b26; pointer-events:none; transition:opacity .16s ease,visibility 0s linear .16s; }
.page-transition img { width:clamp(132px,18vw,236px); height:auto; transform:scale(.58); }
body.page-transitioning { overflow:hidden; }
body.page-transitioning .page-transition,
body.page-transition-returning .page-transition { visibility:visible; opacity:1; transition:opacity .16s ease; }
body.page-transitioning .page-transition img { animation:enter-through-door .64s cubic-bezier(.16,1,.3,1) forwards; }
body.page-transition-returning .page-transition img { transform:scale(1); }
@keyframes enter-through-door { from { transform:scale(.58); } to { transform:scale(1.18); } }
@media(prefers-reduced-motion:reduce){
  .page-transition,
  body.page-transitioning .page-transition,
  body.page-transition-returning .page-transition { transition:none; }
  .page-transition img,
  body.page-transitioning .page-transition img,
  body.page-transition-returning .page-transition img { animation:none; transform:scale(1); }
}