/* =========================
   NAV LINK DESC (Meet with me)
   ========================= */
.nav-link-desc{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  text-decoration: none;
}

.nav-title{
  color: #fff;
  font-family: "Cinzel" !important;
  line-height: 1.1;
}

.nav-desc{
  font-size: 0.75rem;
  letter-spacing: .14em;

  background: linear-gradient(90deg, #737373 0%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  opacity: .9;
}

.nav-link-desc::after{
  content: "";
  position: absolute;
  bottom: -6px;
  right: 0;

  height: 1px;
  width: 0;
  background: linear-gradient(to left, #fff, transparent);

  opacity: 0;
  transition:
    width 420ms cubic-bezier(.4,0,.2,1),
    opacity 260ms ease;
}

.nav-link-desc:hover::after,
.nav-link-desc:focus-visible::after{
  width: 50%;
  opacity: 1;
}

.nav-item.active .nav-link-desc::after{
  width: 50%;
  opacity: 1;
}