/* Show the logo for 1 second, then mirror its entrance over 400ms. */
.logo-preloader {
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  background:#fffaf7;
  pointer-events:none;
  animation:logo-reveal 1400ms ease-in-out both;
}
.logo-preloader img {
  width:220px;
  max-width:60vw;
  height:auto;
  object-fit:contain;
  animation:logo-intro 400ms ease-out both, logo-outro 400ms ease-in-out 1000ms forwards;
}
@keyframes logo-intro {
  from {opacity:0;transform:scale(.92) translateY(5px)}
  to {opacity:1;transform:scale(1) translateY(0)}
}
@keyframes logo-reveal {
  0%,71.428% {opacity:1;visibility:visible}
  100% {opacity:0;visibility:hidden}
}
@keyframes logo-outro {
  from {opacity:1;transform:scale(1) translateY(0)}
  to {opacity:0;transform:scale(.92) translateY(5px)}
}
/* Keyboard users can reach the page immediately. */
body:focus-within .logo-preloader {display:none}
@media(prefers-reduced-motion:reduce),print {
  .logo-preloader {display:none;animation:none}
}