/* Face below progress, label above it; ::after paints after children. */
.main-nav a::after,.main-nav a[aria-current="location"]::after {
  background:linear-gradient(#202020,#080808); z-index:1;
  box-shadow:none; transition:none;
}
.main-nav a .nav-progress {
  position:absolute; inset:2px; z-index:2; pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(110deg,rgba(255,255,255,.18),rgba(255,255,255,.32));
  transform:scaleX(0); transform-origin:left center;
  opacity:var(--nav-fill-opacity,0);
  transition:transform .22s ease-out,opacity .45s ease;
}
.main-nav a .nav-label { z-index:3; transition:color .35s ease,text-shadow .45s ease; }
.main-nav a[aria-current="location"] { background-color:transparent; }
@media(prefers-reduced-motion:reduce) {
  .main-nav a .nav-progress,.main-nav a .nav-label { transition:none; }
}