/* Japanese typography overrides for the CIZ site.

   The Latin faces this site ships (Archivo, FFF Acid Grotesk, HelveticaNeueCyr)
   contain no CJK glyphs. Font fallback is per-glyph, so Latin still renders in
   the original face and only Japanese characters fall through to the stack
   below — which keeps the design intact while making the JP rendering
   deterministic instead of whatever the browser happens to pick. */
:root {
  --framer-font-family: sans-serif;
  --ja-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium",
             "Yu Gothic", "Noto Sans JP", "Meiryo", sans-serif;
}

body,
input, textarea, button, select {
  font-family: var(--ja-sans);
}

.framer-text {
  font-family: var(--framer-font-family), var(--ja-sans);
}

/* Latin italic faces have no CJK italic; browsers synthesize a slant, which
   reads as a rendering defect in Japanese setting. Keep those runs upright. */
.framer-text[style*="Italic"],
.framer-text[style*="italic"],
em.framer-text {
  font-style: normal !important;
}

/* Display headlines are set at 85–90% line-height, which is fine for Latin
   caps but collides for full-width CJK glyphs (they carry far more ink above
   and below the baseline). Give the auto-fitting display blocks enough leading
   to sit apart. */
.framer-fit-text p,
.framer-fit-text p * {
  line-height: 1.06 !important;
}

/* Skills marquee: each pill's width was baked from its English label, so the
   Japanese text spills past the rounded background. Let pills size to their
   own content -- the marquee is a scrolling track, so wider pills just shift
   the loop rather than breaking the layout. */
[data-framer-name="Nishe"] > div,
[data-framer-name="Nishe"] > div > div {
  min-width: max-content;
}