.page-transition{--opening:72vmax;position:fixed;z-index:9999;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:#070707;clip-path:circle(0 at 50% 50%);transition:clip-path 1.05s cubic-bezier(.74,0,.26,1)}.page-transition:before{content:"";position:absolute;width:44vmin;height:44vmin;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 9vmin #080808,0 0 0 18vmin #111,0 0 0 28vmin #080808;opacity:.55;transform:rotate(0) scale(.15);transition:transform 1.05s cubic-bezier(.74,0,.26,1)}.aperture-logo{position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;border:1px solid #ffffff25;border-radius:50%;background:#0d0d0de8;opacity:0;transform:scale(.55) rotate(-30deg);transition:opacity .3s .35s,transform .75s .2s cubic-bezier(.2,.8,.2,1)}.aperture-logo img{width:50px;filter:brightness(0) invert(1)}.page-transition.leaving{clip-path:circle(var(--opening) at 50% 50%);pointer-events:all}.page-transition.leaving:before{transform:rotate(120deg) scale(1)}.page-transition.leaving .aperture-logo{opacity:1;transform:scale(1) rotate(0)}body.page-ready main{animation:pageReveal 1.05s cubic-bezier(.22,.8,.25,1) both}@keyframes pageReveal{from{opacity:0;filter:blur(7px);transform:scale(1.025)}to{opacity:1;filter:none;transform:none}}@media(prefers-reduced-motion:reduce){.page-transition{display:none}body.page-ready main{animation:none}}