body:before {
  background-image:
    linear-gradient(#0e0e0ed9, #0e0e0ed9),
    url("./assets/BlackArtSplatter2_bweyk9.jpg");
}

.site-shell {
  min-height: 100vh;
}

.route-enter {
  animation: route-enter 0.8s ease both;
}

.route-enter-slow {
  animation: route-enter 1s ease both;
}

.mobile-menu {
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}

.mobile-menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.menu-toggle svg {
  display: block;
}

.contact-success {
  min-height: 420px;
}

@keyframes route-enter {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}