.nf-site-chrome nav > a[data-nf-experience-link] {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  color: var(--nf-muted);
  background: transparent;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s ease, color .2s ease;
}

.nf-site-chrome nav > a[data-nf-experience-link]:hover,
.nf-site-chrome nav > a[data-nf-experience-link]:focus-visible {
  background: #ffffff17;
  color: var(--nf-text);
  outline: none;
}

.nf-menu-panel > a[data-nf-experience-link] {
  min-height: 76px;
  padding: 0 18px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #ffffff0b;
  color: var(--nf-text);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s ease, transform .2s ease;
}

.nf-menu-panel > a[data-nf-experience-link] span {
  color: var(--nf-green);
  font-family: Outfit, Inter, sans-serif;
  font-size: 1.3rem;
  font-style: italic;
}

.nf-menu-panel > a[data-nf-experience-link]:hover,
.nf-menu-panel > a[data-nf-experience-link]:focus-visible {
  background: #ffffff14;
  outline: none;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .nf-menu-panel > a[data-nf-experience-link] {
    min-height: 68px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nf-site-chrome nav > a[data-nf-experience-link],
  .nf-menu-panel > a[data-nf-experience-link] {
    transition: none;
  }
}