.logo {
  width: 104px;
  height: 70px;
  object-fit: contain;
  mix-blend-mode: normal;
}

footer img {
  width: 82px;
  height: auto;
  mix-blend-mode: normal;
}

.reveal {
  opacity: 0;
  transform: translateY(34px);
  filter: blur(3px);
  transition:
    opacity 1s cubic-bezier(.22, 1, .36, 1),
    transform 1s cubic-bezier(.22, 1, .36, 1),
    filter 1s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform, filter;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

@media (max-width: 850px) {
  .logo { width: 88px; height: 62px; }
  footer img { width: 74px; }
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}