/* Shared typography: native Japanese body / bold neo-grotesque display. */
:root {
  --jp: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  --en: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}
body { font-family: var(--jp); }
h1, h2, h3 { font-family: var(--jp); }
.hero h1, .page-heading h1, .works-page h1,
.section-top h2, .section-label h2, .story-heading h2,
.home-about h2, .home-works h2, .home-news h2, .works-teaser h2,
.portfolio-heading h2, .service-title, .service h3,
.contact h2, .closing, .genre-block h3, .caption-option h3 {
  font-family: var(--en);
  font-weight: 700;
  letter-spacing: -.035em;
}
.hero h1 { letter-spacing: -.055em; }
.hero-copy h2, .about h3, .contact-copy h3,
.portfolio-caption h3, .news-article h2 { font-weight: 600; }
.native-menu-panel .menu-links a,
.native-menu-panel .menu-links a[href="/contact.html"] { font-weight: 700; letter-spacing: -.025em; }
.native-menu-panel .menu-links a small { font-weight: 400; }