/* Match the terminal's chart-brand-helm: turn left, return, rest, turn right. */
header .brand > img,
footer .brand > img {
  display: block;
  flex-shrink: 0;
  transform-origin: 50% 50%;
  animation: home-brand-helm 10s ease-in-out infinite;
}
@keyframes home-brand-helm {
  0%, 10% { transform: rotate(0deg); }
  25% { transform: rotate(-32deg); }
  40%, 50% { transform: rotate(0deg); }
  65% { transform: rotate(32deg); }
  80%, 100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  header .brand > img,
  footer .brand > img { animation: none; }
}