/* Japanese, Korean and Chinese pages only (i18n/config.json "extraCss"); they use the system CJK fonts.
   - Those fonts have no italics, so the browser would slant them: headings stay upright (the Latin wordmark keeps its italic).
   - The tight tracking and line-heights tuned for Roboto make full-width glyphs touch: reset tracking, add a little leading.
   - Headings break after punctuation rather than mid-word (anywhere only when a phrase is wider than the line); Chromium
     breaks Japanese headings between phrases. Korean keeps words whole, as Korean sites do.
   - The hero heading shrinks a little on phones so a short phrase fits on one line. */
h1, h2, h3, h4, h5, h6 {
    font-style: normal !important;
    letter-spacing: 0 !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

@supports (word-break: auto-phrase) {
    :lang(ja) :is(h1, h2, h3, h4, h5, h6) {
        word-break: auto-phrase;
    }
}

.h-hero h1,
.h-title,
.h-statement__lines,
.hero-content h1 {
    line-height: 1.18;
}

.h-hero h1 {
    font-size: min(clamp(3.25rem, 6vw, 5.5rem), 10.5vw);
}

:lang(ko) body {
    word-break: keep-all;
    overflow-wrap: break-word;
}