main.content {
  max-width: 980px;
}

.hero img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  margin-bottom: 1.2rem;
}

.section-nav {
  margin: 0.75rem 0 1.5rem 0;
  font-size: 0.98rem;
  opacity: 0.9;
}

hr {
  margin: 2.25rem 0;
  opacity: 0.35;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.visually-hidden {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}