.project-nav {
  height: 94px;
  background: linear-gradient(180deg, rgba(10, 31, 24, .34), rgba(10, 31, 24, 0));
  text-shadow: 0 1px 8px rgba(4, 18, 13, .38);
}

.project-nav .brand {
  gap: 15px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .16em;
}

.project-nav .brand span {
  font-size: 35px;
}

.project-nav nav {
  gap: 42px;
  font-size: 16px;
  font-weight: 700;
}

.project-nav nav a,
.project-nav .back {
  padding: 12px 3px;
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease;
}

.project-nav nav a:hover,
.project-nav nav a:focus-visible,
.project-nav .back:hover,
.project-nav .back:focus-visible {
  border-bottom-color: #fff;
}

.project-nav .back {
  font-size: 15px;
  font-weight: 700;
}

@media (max-width: 820px) {
  .project-nav {
    height: 72px;
  }

  .project-nav .brand {
    gap: 11px;
    font-size: 14px;
  }

  .project-nav .brand span {
    font-size: 28px;
  }

  .project-nav nav,
  .project-nav .back {
    display: none;
  }
}