html {
  scroll-behavior: auto;
}

:root {
  --forest: #234f67;
  --signal: #f1c84b;
  --rain: #e4eef3;
}

@media (max-width: 760px) {
  .jump-nav {
    gap: 0;
    justify-content: space-between;
  }

  .jump-nav a {
    padding-inline: 5px;
    font-size: 0.9rem;
  }

  .hero {
    display: flex;
    flex-direction: column;
  }

  .hero figure {
    order: -1;
  }
}