/* A small brand moment between pages that prevents a white flash. */
.page-transition{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;background:rgba(20,61,62,.82);backdrop-filter:blur(16px) saturate(.82);-webkit-backdrop-filter:blur(16px) saturate(.82);opacity:1;pointer-events:none;transition:opacity 140ms ease}
.page-transition-logo{display:block;width:min(78px,24vw);height:auto;overflow:visible}
.page-transition-logo .logo-left,.page-transition-logo .logo-right{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}
.page-transition.is-ready{opacity:0}
.page-transition.is-leaving{opacity:1}
.page-transition.is-leaving .logo-left{animation:logo-left-arrival 150ms cubic-bezier(.22,.8,.25,1) both}
.page-transition.is-leaving .logo-right{animation:logo-right-arrival 150ms 34ms cubic-bezier(.22,.8,.25,1) both}
@keyframes logo-left-arrival{0%{opacity:0;transform:translate(-11px,8px) scale(.86)}100%{opacity:1;transform:translate(0) scale(1)}}
@keyframes logo-right-arrival{0%{opacity:0;transform:translate(11px,8px) scale(.86)}100%{opacity:1;transform:translate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.page-transition{transition-duration:1ms}.page-transition.is-leaving .logo-left,.page-transition.is-leaving .logo-right{animation:none}}