.gr-home-logo {
  display: inline-block;
  width: var(--gr-logo-width, 150px);
  perspective: 900px;
  line-height: 0;
  overflow: visible;
  vertical-align: middle;
}
.gr-home-logo__motion {
  display: block;
  transform-style: preserve-3d;
}
.gr-home-logo__image {
  display: block;
  width: 100%;
  height: auto;
}
.gr-home-logo[data-tone='white'] .gr-home-logo__image {
  filter: brightness(0) invert(1);
}
.gr-home-logo[data-tone='black'] .gr-home-logo__image {
  filter: brightness(0);
}
.gr-home-logo:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 8px;
}
.gr-home-logo.is-animating .gr-home-logo__motion {
  animation: gr-lab-suspension 2s cubic-bezier(0.45, 0, 0.25, 1) both;
}
@keyframes gr-lab-suspension {
  0%,
  100% {
    transform: translateY(0) rotateY(0) rotateX(0);
  }
  30% {
    transform: translateY(-18px) rotateY(-25deg) rotateX(9deg);
  }
  65% {
    transform: translateY(-12px) rotateY(23deg) rotateX(-5deg);
  }
  86% {
    transform: translateY(2px) rotateY(-3deg) rotateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .gr-home-logo.is-animating .gr-home-logo__motion {
    animation: none;
  }
}