.home-header .desktop-nav a[aria-current="page"] {
  color: var(--lime);
}

.hero-community-name {
  position: absolute;
  z-index: 4;
  top: 92px;
  left: 58%;
  transform: translateX(-50%);
  width: min(58vw, 920px);
  display: grid;
  grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr);
  align-items: center;
  gap: 18px;
  pointer-events: none;
}

.hero-community-name > span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 255, 96, .5));
}

.hero-community-name > span:last-child {
  background: linear-gradient(90deg, rgba(216, 255, 96, .5), transparent);
}

.hero-community-name > div {
  min-width: max-content;
  padding: 9px 24px 10px;
  text-align: center;
  border-top: 1px solid rgba(216, 255, 96, .3);
  border-bottom: 1px solid rgba(216, 255, 96, .18);
  background: linear-gradient(90deg, rgba(13, 18, 15, .16), rgba(13, 18, 15, .78) 18%, rgba(13, 18, 15, .78) 82%, rgba(13, 18, 15, .16));
  box-shadow: 0 10px 28px rgba(0, 0, 0, .17);
}

.hero-community-name small {
  display: block;
  color: #a6ada5;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 2.1px;
  margin-bottom: 5px;
}

.hero-community-name strong {
  display: block;
  color: #fff;
  font-size: clamp(28px, 2.7vw, 46px);
  font-weight: 820;
  letter-spacing: 1px;
  line-height: 1;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .6);
  white-space: nowrap;
}

.hero-community-name em {
  color: var(--lime);
  font-style: normal;
  text-shadow: 0 0 22px rgba(216, 255, 96, .22);
}

@media (max-width: 900px) {
  .hero-community-name {
    top: 92px;
    left: 50%;
    width: calc(100vw - 40px);
    gap: 9px;
  }

  .hero-community-name > div {
    padding: 7px 11px 8px;
  }

  .hero-community-name small {
    font-size: 6px;
    letter-spacing: 1.25px;
  }

  .hero-community-name strong {
    font-size: clamp(21px, 6.2vw, 30px);
    letter-spacing: 0;
  }

  .hero-community-name > span {
    min-width: 12px;
  }
}