.arc-nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.arc-nav__link { display: flex; align-items: center; gap: 10px; padding: 8px 0; text-decoration: none; color: rgba(255, 255, 255, .42); transition: color .3s ease; }
.arc-nav__item.is-active .arc-nav__link, .arc-nav__link:hover, .arc-nav__link:focus-visible { color: #fff; }
.arc-nav__dot { width: 5px; height: 5px; border-radius: 50%; background: #fff; flex-shrink: 0; opacity: 0; transition: opacity .3s ease; }
.arc-nav__item.is-active .arc-nav__dot { opacity: 1; }
.arc-nav__label {
  font-family: var(--arc-font-serif); font-weight: 300; font-size: clamp(28px, 1.9vw, 36px); line-height: 1.4; letter-spacing: 0;
  transition: transform .4s cubic-bezier(.16, 1, .3, 1);
}
.arc-nav__item.is-active .arc-nav__label { font-size: clamp(44px, 3.15vw, 60px); line-height: 1.1; }
.arc-nav__link:hover .arc-nav__label { transform: translateX(-6px); }