.hero-title,
.works-heading,
.featured-title,
.featured-label,
.cap-item,
.t-quote,
.t-bio h4,
.view-badge,
.footer-heading,
.footer-email {
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  font-weight: 900;
}

.hero-title {
  font-size: 18vw;
  line-height: 1.15;
  letter-spacing: 0.01em;
}

.text-outline {
  color: var(--white);
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.works-heading {
  font-size: 15vw;
  letter-spacing: -0.02em;
}

.work-meta h3 {
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.featured-label {
  letter-spacing: 0.2em;
}

.featured-title {
  line-height: 1;
}

.cap-item {
  letter-spacing: 0.04em;
}

.t-quote {
  letter-spacing: -0.01em;
}

.t-bio h4 {
  letter-spacing: 0.06em;
}

.modal-title {
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  font-weight: 900;
}

.view-badge {
  font-size: 16px;
  letter-spacing: 0.2em;
}

.footer-heading {
  letter-spacing: -0.02em;
}

.footer-email {
  letter-spacing: 0.01em;
}

@media (max-width: 860px) {
  .hero-title {
    font-size: 20vw;
    line-height: 1.25;
  }
  .works-heading {
    font-size: 17vw;
  }
}