/* Barra transparente presa ao topo da capa, sem acompanhar a rolagem. */
.header {
  position: absolute;
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.header .nav-wrap {
  justify-content: flex-end;
}

.header .nav a {
  color: #fff;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .55);
}

.header .menu-button span {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

.hero.hero-new {
  padding-top: 0 !important;
}

@media (max-width: 760px) {
  .header .nav.open a {
    color: var(--ink);
    text-shadow: none;
  }
}