.page-projects .universeWrap {
  transition: transform 0.5s var(--wow-ease);
  transform-style: preserve-3d;
}
.page-projects .radar {
  box-shadow:
    inset 0 0 90px rgba(8, 41, 78, 0.045),
    0 30px 80px rgba(8, 41, 78, 0.045);
}
.page-projects .node {
  transition:
    transform 0.3s var(--wow-ease),
    box-shadow 0.3s;
}
.page-projects .node.wowPulse {
  transform: translateY(-5px) scale(1.04);
  box-shadow: 0 18px 45px rgba(8, 41, 78, 0.14);
}
.page-projects .overviewDomain,
.page-projects .projectCard {
  transition:
    transform 0.42s var(--wow-ease),
    box-shadow 0.42s,
    border-color 0.42s;
}
.page-projects .overviewDomain:hover {
  transform: translateY(-6px);
}
.page-projects .projectCard:hover {
  transform: translateY(-9px) scale(1.008);
}
.page-projects .miniUI {
  transition:
    transform 0.5s var(--wow-ease),
    filter 0.5s;
}
.page-projects .projectCard:hover .miniUI {
  transform: scale(1.025);
  filter: saturate(1.06);
}
.page-projects .featureCase {
  box-shadow: 0 28px 75px rgba(4, 24, 47, 0.13);
}
.page-projects .featureCase:hover {
  box-shadow: 0 38px 95px rgba(4, 24, 47, 0.18);
}
.page-projects .matrixBox {
  box-shadow: 0 28px 75px rgba(8, 41, 78, 0.06);
}
.page-projects .meter i {
  transform-origin: left;
  animation: wowMeter 1.2s var(--wow-ease) both;
}
@keyframes wowMeter {
  from {
    transform: scaleX(0.15);
    opacity: 0.25;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}
@media (max-width: 720px) {
  .page-projects .universeWrap {
    transform: none !important;
  }
}

/* Hero: same space under the menu as the home page (58px, 54px on phones). */
.page-projects .hero {
  padding-top: 0;
  align-items: flex-start;
}
.page-projects .heroGrid {
  padding-top: 144px;
}
@media (max-width: 720px) {
  .page-projects .heroGrid {
    padding-top: 126px;
  }
}