/* Mobile homepage fix: crop the legacy navigation baked into hero-reference.png. */
@media (max-width: 760px) {
  .desktop-hero {
    display: none !important;
  }

  .mobile-hero {
    background-image:
      linear-gradient(180deg, rgba(0, 22, 36, .35), rgba(0, 22, 36, .98)),
      url('/hero-reference.png');
    background-position: center, 68% bottom;
    background-size: cover, auto 116%;
    background-repeat: no-repeat, no-repeat;
  }
}