.hide-gate-seen .gate {
  display: none;
}

.gate:not(.done) .gate-logo {
  animation: entrance-logo-pulse 2.4s ease-in-out infinite;
  filter: drop-shadow(0 0 0 rgba(174, 13, 26, 0));
}

@keyframes entrance-logo-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    filter: drop-shadow(0 0 0 rgba(174, 13, 26, 0));
  }
  50% {
    transform: translate(-50%, -50%) scale(1.055);
    filter: drop-shadow(0 0 22px rgba(174, 13, 26, .58));
  }
}

@media (prefers-reduced-motion: reduce) {
  .gate:not(.done) .gate-logo {
    animation: none;
  }
}