/* Japanese-first typography; names, URLs and view identifiers stay unchanged. */
html:lang(ja) .view-title {
  font-family: var(--font-serif);
  line-height: 1.3;
  letter-spacing: .035em;
  overflow-wrap: anywhere;
}

html:lang(ja) :is(.home-view__roles, .about-view__roles, .home-visual__caption) {
  font-family: var(--font-serif);
  font-style: normal;
  line-height: 1.6;
  letter-spacing: .035em;
}

html:lang(ja) :is(.site-nav a, .view-eyebrow, .site-footer a) {
  letter-spacing: .06em;
}

html:lang(ja) .site-brand__description {
  max-width: 9rem;
  letter-spacing: .05em;
}

html:lang(ja) .home-visual__caption {
  gap: .5rem;
  padding-inline: 4%;
  font-size: .75rem;
}

html:lang(ja) .hero-replay { flex-shrink: 0; white-space: nowrap; }
html:lang(ja) .site-footer a { white-space: nowrap; }
html:lang(ja) .view-title .title-period { font-size: .65em; }

html:lang(ja) .view-about .artist-monogram small {
  font-family: var(--font-serif);
  font-style: normal;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 46rem) {
  html:lang(ja) .home-visual__caption { font-size: .65rem; }
  html:lang(ja) .view-about .about-view__roles { font-size: .85rem; }
  html:lang(ja) .view-contact .view-title { font-size: clamp(1.85rem, min(9.5vw, 10cqh), 3.4rem); }
}

@media (max-width: 46rem) and (max-height: 44rem) {
  html:lang(ja) .view-about .about-copy .view-title { font-size: clamp(1.45rem, 6.6cqh, 2rem); }
  html:lang(ja) .view-about .about-view__roles { font-size: .7rem; line-height: 1.5; }
  html:lang(ja) .view-about .artist-monogram small { margin-top: .3rem; font-size: .65rem; }
  html:lang(ja) .home-visual__caption { font-size: .6rem; }
}

@media (max-width: 30rem) {
  html:lang(ja) .home-view__roles br { display: initial; }
  html:lang(ja) .home-view__roles > span { display: none; }
}

@media (min-width: 35rem) and (max-height: 30rem) {
  html:lang(ja) .view-home .home-view__roles { font-size: .85rem; }
  html:lang(ja) .view-about .about-view__roles { font-size: .72rem; }
}