/* Site navigation — Bootstrap navbar behavior, project skin. */
.gu-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(13, 17, 23, 0.85);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--gu-border);
  padding-block: 16px;
}

.gu-nav__brand {
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.3px;
  color: var(--gu-text);
}

.gu-nav__brand:hover,
.gu-nav__brand:focus-visible {
  color: var(--gu-text);
}

.gu-nav__brand-accent {
  color: var(--gu-accent);
}

.gu-nav__links {
  gap: 26px;
  font-size: 14px;
}

.gu-nav__link {
  color: var(--gu-text-soft);
  padding: 0;
}

.gu-nav__link:hover,
.gu-nav__link:focus-visible,
.gu-nav__link.active {
  color: #fff;
}

.gu-nav__toggle {
  border: 1px solid var(--gu-border-6);
  color: var(--gu-text);
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .gu-nav__links {
    gap: 14px;
    padding-block: 18px;
  }
}