.site-nav span {
  display: block;
  position: relative;
}

.site-nav a.link {
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.site-nav a.link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px; 
  width: 100%;
  height: 2px; 
  background: rgba(255, 255, 255, 0.95);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
  opacity: 0.9;
}


.site-nav a.link.active::after {
  transform: scaleX(1);
}

.site-nav span:hover a.link::after,
.site-nav a.link:focus-visible::after {
  transform: scaleX(1);
}