/* Home nav — .div-block-14 + .link-block (Micross CDN + scale)
   Use px (16px root), not rem: Work sets html { font-size } which shrinks rem. */
@font-face {
  font-family: Micross;
  src: url("https://cdn.prod.website-files.com/6917408c1d0fee8fc2c58505/697ad8d7e20ca4c6f2870246_micross.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

nav .nav-links {
  display: flex;
  align-items: center;
  gap: clamp(3em, 5vw, 4.2em);
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: clamp(9.6px, 1vw, min(calc(6.4px + 0.4vw), 11.2px));
  line-height: 1.3;
}

nav .nav-links li {
  list-style: none;
}

nav .nav-links a {
  font-family: Micross, Arial, sans-serif;
  font-size: clamp(9.12px, 0.95vw, min(calc(6.08px + 0.38vw), 10.64px));
  font-weight: 400;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #fafafa;
  opacity: 1;
  text-decoration: none;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
  transition: all 0.4s;
  display: inline-flex;
  align-items: center;
  line-height: inherit;
}

nav .nav-links a:hover {
  opacity: 1;
  -webkit-text-stroke-width: 0.01em;
  -webkit-text-stroke-color: currentColor;
}

nav .nav-links a.active {
  opacity: 0.8;
}

nav .nav-links a.active:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  /* Home: body .8rem + .div-block-14 .8em + .link-block .95em */
  nav .nav-links {
    font-size: 12.8px;
    gap: clamp(1.4em, 3.5vw, 2em);
  }

  nav .nav-links a {
    font-size: 0.76em;
  }
}