.site-footer {
  background-color: #071625;
  background-image:
    linear-gradient(to bottom, rgba(7, 22, 37, 0.42), rgba(7, 22, 37, 0.62)),
    url("/diffwhale-footer-scene-v1.webp");
  background-position: center, center 64%;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 620px) {
  .topbar {
    background: linear-gradient(to bottom, transparent 0 11px, #071625 11px 100%);
    border-bottom: 0;
  }

  .manifesto,
  .workspace,
  .contact-song,
  .tool-rail,
  .converter-card {
    background-color: #071625;
    background-image: none;
  }

  .hero,
  .record-disc,
  .tool-rail,
  .direction-toggle,
  .swap-button,
  .footer-emblem {
    border-color: rgba(244, 240, 232, 0.22);
  }

  .site-footer {
    background-position: center, center;
    box-shadow: 0 18px 0 #071625;
  }
}