.page-project .hero-showcase {
  min-height: 35rem;
}

.page-project.theme-kineo .hero-showcase {
  animation: kineo-float 8s ease-in-out infinite;
}

.page-project.theme-simdex .hero-showcase::after {
  opacity: 0.35;
  animation: simdex-scan 5.8s linear infinite;
}

.role-panel {
  margin-top: 1rem;
}

@keyframes kineo-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes simdex-scan {
  0% {
    transform: translateX(-160%) rotate(24deg);
  }

  100% {
    transform: translateX(260%) rotate(24deg);
  }
}

@media (max-width: 980px) {
  .page-project .hero-showcase {
    min-height: 0;
  }
}