/* Japanese pages (/ja). Loaded only by pages in Japanese.
   Latin letters and figures keep each look's own typeface; Japanese characters
   use the typefaces already on the visitor's device, or, for a few looks, a
   Japanese typeface of the same period feeling. */
html[lang="ja"] {
  --jp-gothic: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", "Noto Sans CJK JP", Meiryo, sans-serif;
  --jp-mincho: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", serif;
}
html[lang="ja"]:not([data-look]) { --display: "Inter Tight", var(--jp-gothic); --sans: "Inter", var(--jp-gothic); }

/* Japanese has no italics or capitals, and sets lines differently. */
html[lang="ja"] body { line-break: strict; overflow-wrap: anywhere; line-height: 1.85; }
html[lang="ja"] em, html[lang="ja"] i, html[lang="ja"] blockquote, html[lang="ja"] .display,
html[lang="ja"][data-look] .display, html[lang="ja"][data-look] .display em, html[lang="ja"][data-look] .pull, html[lang="ja"][data-look] blockquote { font-style: normal; }
html[lang="ja"] .display em { font-weight: inherit; }
html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] .display, html[lang="ja"] .lede {
  word-break: auto-phrase; text-wrap: balance; letter-spacing: 0; line-height: 1.3;
}
html[lang="ja"] .lede { line-height: 1.7; }
html[lang="ja"] .hero h1 { font-size: clamp(2.5rem, 1rem + 5vw, 6rem); line-height: 1.15; }
html[lang="ja"] .hero__kicker, html[lang="ja"] .eyebrow, html[lang="ja"] .btn, html[lang="ja"] .nav a, html[lang="ja"] .nav button { letter-spacing: 0.12em; }

/* Looks with a Japanese typeface of their own. Atomic, Blueprint, Colour block and Dispatch use the device's Gothic. */
html[lang="ja"][data-look="japan"] { --display: "Shippori Mincho", var(--jp-mincho); --sans: "Zen Kaku Gothic New", var(--jp-gothic); }
html[lang="ja"][data-look="noir"] { --display: "Oswald", "Bebas Neue", "Zen Antique", var(--jp-mincho); --sans: "EB Garamond", "Shippori Mincho", var(--jp-mincho); }
html[lang="ja"][data-look="pop"] { --display: "Shrikhand", "Dela Gothic One", var(--jp-gothic); }
html[lang="ja"][data-look="flower"] { --display: "Bagel Fat One", "Yusei Magic", var(--jp-gothic); }
html[lang="ja"][data-look="synthwave"] { --display: "Orbitron", "DotGothic16", var(--jp-gothic); --sans: "Space Grotesk", "DotGothic16", var(--jp-gothic); }
html[lang="ja"][data-look="epoque"] { --display: "IM Fell French Canon", "Playfair Display", Georgia, "Zen Antique", var(--jp-mincho); }
html[lang="ja"][data-look="liberty"] { --display: "Elsie Swash Caps", "Elsie", "Cormorant Garamond", Georgia, "Zen Antique", var(--jp-mincho); }
html[lang="ja"][data-look="deco"] { --display: "Limelight", "Broadway", Georgia, "Zen Antique", var(--jp-mincho); }
html[lang="ja"][data-look="germany"] { --display: "UnifrakturMaguntia", "Old English Text MT", "Luminari", "Zen Antique", var(--jp-mincho); }
html[lang="ja"][data-look="soviet"] { --display: "Russo One", "Arial Black", Impact, "Dela Gothic One", var(--jp-gothic); }
html[lang="ja"][data-look="kodak"] { --display: "Anton", "Impact", "Arial Narrow", "Dela Gothic One", var(--jp-gothic); }
html[lang="ja"][data-look="instant"] { --display: "Caprasimo", "Cooper Black", Georgia, "Zen Maru Gothic", var(--jp-gothic); }
html[lang="ja"][data-look="memphis"] { --display: "Rubik", "Helvetica Neue", Arial, "Zen Maru Gothic", var(--jp-gothic); }
html[lang="ja"][data-look="miami"] { --display: "Righteous", "Poppins", "Arial Rounded MT Bold", "Zen Maru Gothic", var(--jp-gothic); }

/* Whole site in Japanese: no slanted type anywhere, and page titles sized so that a title is not cut inside a word. */
html[lang="ja"] body, html[lang="ja"] body * { font-style: normal !important; }
html[lang="ja"] :not(.cam-hero__copy):not(.hero__copy) > h1.display { font-size: clamp(1.9rem, 1rem + 4vw, 5rem); line-height: 1.25; }