.page-blog .signalDeck {
  transition: transform 0.5s var(--wow-ease);
  transform-style: preserve-3d;
}
.page-blog .radar {
  box-shadow:
    0 34px 90px rgba(8, 41, 78, 0.105),
    inset 0 0 60px rgba(8, 41, 78, 0.025);
}
.page-blog .radarDot {
  animation: wowRadarPing 2.8s ease-out infinite;
}
.page-blog .rd2 {
  animation-delay: -0.9s;
}
.page-blog .rd3 {
  animation-delay: -1.8s;
}
@keyframes wowRadarPing {
  0%,
  100% {
    box-shadow:
      0 0 0 8px rgba(166, 142, 93, 0.1),
      0 0 28px rgba(166, 142, 93, 0.5);
  }
  50% {
    box-shadow:
      0 0 0 17px rgba(166, 142, 93, 0),
      0 0 42px rgba(166, 142, 93, 0.24);
  }
}
.page-blog .featureMain {
  box-shadow: 0 32px 80px rgba(4, 24, 47, 0.12);
  transition:
    transform 0.45s var(--wow-ease),
    box-shadow 0.45s;
}
.page-blog .featureMain:hover {
  transform: translateY(-5px);
  box-shadow: 0 42px 100px rgba(4, 24, 47, 0.17);
}
.page-blog .post:hover .postVisual {
  transform: scale(1.02);
}
.page-blog .postVisual {
  transition: transform 0.55s var(--wow-ease);
}
.page-blog .topic {
  transition:
    padding 0.3s var(--wow-ease),
    background 0.3s;
}
.page-blog .topic:hover {
  padding-left: 10px;
  padding-right: 10px;
  background: #fff;
  border-radius: 12px;
}
.page-blog .editorialCode {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}
@media (max-width: 680px) {
  .page-blog .signalDeck {
    transform: none !important;
  }
}

/* Hero: same space under the menu as the home page (58px, 54px on phones). */
.page-blog .blogHero {
  padding-top: 144px;
}
.page-blog .blogHeroGrid > :first-child {
  align-self: start;
}
@media (max-width: 680px) {
  .page-blog .blogHero {
    padding-top: 126px;
  }
}