/* ============================================================
   deck/en.css — 英語版だけの調整

   ⚠️ index.en.html からだけ読み込むこと。日本語版に読ませると崩れる。

   ■ なぜ要るか
   同じ文字数でも、英文は和文より横に伸びる。和文は 1字 = 1em の全角だが、
   英文の平均字送りは 0.5em 前後で、そのぶん語数が増えるため、
   同じ pt のまま置くと見出しが折れ、カードから本文があふれる。

   元スライド（pptx）の座標をそのまま使うのは日本語版の役目。こちらは
   「同じ版面に英文を収める」ための上書きだけを持つ。数値は実測で詰めた。

   ■ 直し方
   1. `python -m http.server 8789 --directory public` で開く
   2. はみ出し・意図しない折り返しを探す
   3. ここに 1 スライドぶんずつ上書きを足す（base.css は触らない）
   4. PDF に書き出して全ページ見る（画面では出るが印刷で消えるものがある）
   ============================================================ */

/* 和文向けの字間は英文だと間延びする。 */
.deck .slide { letter-spacing: normal; }

/* ---- 見出し ------------------------------------------------
   英文は同じ pt でも横に伸びるので、全体に一段落とす。 */

.headline { font-size: calc(28 * var(--u)); line-height: 1.3; }
.headline--xs { font-size: calc(20 * var(--u)); }
.headline--sm { font-size: calc(23 * var(--u)); }
.headline--md { font-size: calc(25 * var(--u)); }
.headline--lg { font-size: calc(38 * var(--u)); line-height: 1.28; }
.headline--xl { font-size: calc(36 * var(--u)); line-height: 1.34; }
.headline--cover { font-size: calc(46 * var(--u)); line-height: 1.24; }

/* ---- 本文 --------------------------------------------------
   行間は和文より詰める。和文の 1.8 は英文だと空きすぎる。 */

.lead { line-height: 1.6; }
.col__text { line-height: 1.55; }
.card__text { line-height: 1.55; }
.bullets { line-height: 1.55; }
.note-block { line-height: 1.65; }
.stat__note { line-height: 1.45; }
.timeline__list { line-height: 1.5; }
.spec__value { line-height: 1.5; }
.creed__text { line-height: 1.55; }
.wall__body { line-height: 1.5; }
.traits dd { line-height: 1.5; }
.why__text { line-height: 1.8; }

/* ---- 03 目次 ------------------------------------------------
   日本語版は「章題（和文）＋ 英訳」の2段組。英語版は章題が英語に
   なるので、右の列は内容の要約に置き換えてある。幅も英文に合わせる。 */

.contents__row { grid-template-columns: calc(47 * var(--u)) 1fr calc(230 * var(--u)) calc(50 * var(--u)); }
.contents__title { font-size: calc(17 * var(--u)); }
.contents__sub { font-size: calc(11 * var(--u)); }

/* ---- 04 / 11 / 18 / 25 / 33 / 39 / 45 章扉 ------------------
   ラベルが和文の英訳ではなく、章の要約になっているぶん長い。 */

.opener__label { font-size: calc(13 * var(--u)); }
.opener__chips { gap: 0 calc(20 * var(--u)); font-size: calc(10 * var(--u)); }

/* ---- 06 Our vision -----------------------------------------
   見出しが和文の2行に対し英文は3行。下の1行を押し下げる。 */

#p6 .vision-gloss { top: calc(218 * var(--u)); }

/* ---- 08 Traction -------------------------------------------
   見出しは 28pt だと2行に折れて、下の罫線とぶつかる。1行に収める。
   ラベルも「Companies supplied with GMS」など和文より長い。 */

#p8 .headline { font-size: calc(25 * var(--u)); }
#p8 .stat__label { font-size: calc(11 * var(--u)); }
#p8 .stat__note { font-size: calc(9.5 * var(--u)); }
#p8 .timeline__list { font-size: calc(9.5 * var(--u)); }

/* ---- 07 Company profile -------------------------------------
   「Representatives」は和文の「代表者」より長く、78pt の項目名の列から
   はみ出して右の内容に重なる。列を広げ、文字を一段落とす。 */

#p7 .spec__row { grid-template-columns: calc(104 * var(--u)) 1fr; }
#p7 .spec__key { font-size: calc(11 * var(--u)); }

/* ---- 09 Origin ---------------------------------------------- */

#p9 .col__text { font-size: calc(9.8 * var(--u)); }

/* ---- 10 Leadership ------------------------------------------ */

/* 「Hirotomo Nishihara」だけ氏名が2行に折れ、肩書も2行あるものと
   1行のものが混ざる。氏名は1行に収め、肩書は2行ぶんの高さで固定して、
   6人とも経歴の始まる高さを揃える。 */
#p10 .person__name { font-size: calc(13 * var(--u)); }
#p10 .person__role { font-size: calc(9.5 * var(--u)); min-height: calc(29 * var(--u)); }
#p10 .person__history { font-size: calc(9.5 * var(--u)); line-height: 1.7; }

/* ---- 13 The bottleneck -------------------------------------- */

#p13 .card__text { font-size: calc(10.5 * var(--u)); }
#p13 .banner__lead { font-size: calc(17 * var(--u)); }
#p13 .banner__note { font-size: calc(11 * var(--u)); }

/* ---- 14 Primer ---------------------------------------------- */

#p14 .so-what__lines { font-size: calc(14 * var(--u)); }
#p14 .keypoints { font-size: calc(10 * var(--u)); }

/* ---- 15 The limit ------------------------------------------- */

#p15 .bullets { font-size: calc(9.4 * var(--u)); line-height: 1.5; }

/* ---- 16 Market shift ---------------------------------------- */

#p16 .card__text { font-size: calc(10.5 * var(--u)); }
#p16 .claim--lg { font-size: calc(20 * var(--u)); }

/* ---- 19 The material ---------------------------------------- */

#p19 .traits dt { font-size: calc(13 * var(--u)); }
#p19 .traits dd { font-size: calc(9.6 * var(--u)); }

/* ---- 20 Tunability ------------------------------------------ */

#p20 .banner__lead { font-size: calc(17 * var(--u)); }

/* ---- 21 Case study ------------------------------------------ */

#p21 .card__title--lg { font-size: calc(16 * var(--u)); }
#p21 .case__use { line-height: 1.7; }

/* ---- 23 The moat -------------------------------------------- */

#p23 .bullets--lg { font-size: calc(10.5 * var(--u)); line-height: 1.6; }
#p23 .dark-panel__lead { font-size: calc(25 * var(--u)); }
#p23 .dark-panel__text { font-size: calc(9.6 * var(--u)); line-height: 1.8; }

/* ---- 24 Manufacturing track record -------------------------- */

#p24 .stat__label { font-size: calc(11 * var(--u)); }
#p24 .stat__note { font-size: calc(9.5 * var(--u)); }

/* ---- 26 Our business ---------------------------------------- */

#p26 .card__title--lg { font-size: calc(16 * var(--u)); }
#p26 .card__text { font-size: calc(10.5 * var(--u)); }
#p26 .bullets { font-size: calc(10.5 * var(--u)); }

/* ---- 27 Material business ----------------------------------- */

#p27 .flow__title { font-size: calc(12.5 * var(--u)); }
#p27 .flow__sub { font-size: calc(10 * var(--u)); }
#p27 .col__text { font-size: calc(10 * var(--u)); }

/* ---- 28 Customers -------------------------------------------
   「we have supplied GMS to 120 companies」に直したぶん見出しが伸びて
   2行になり、直下のリード文に重なる。1行に収める。 */

#p28 .headline { font-size: calc(23 * var(--u)); }
#p28 .reach__box b { font-size: calc(11 * var(--u)); }
#p28 .reach__box span { font-size: calc(8.2 * var(--u)); line-height: 1.35; }

/* ---- 30 Solution business — Problem ------------------------- */

/* 見出しが2行に折れると、直下のリード文に重なる。1行に収める。 */
#p30 .headline { font-size: calc(25 * var(--u)); }
#p30 .wall__name { font-size: calc(21 * var(--u)); }
/* 「Know-how lives in people's heads」だけ2行になり、以降の罫線・
   「On the floor」以降が4列で揃わない。2行ぶんの高さで固定する。 */
#p30 .wall__sub { min-height: calc(32 * var(--u)); }
#p30 .wall__body { font-size: calc(8.6 * var(--u)); }
#p30 .wall__now { font-size: calc(13 * var(--u)); }
#p30 .wall__want { font-size: calc(9 * var(--u)); }
#p30 .wrapup__lead { font-size: calc(17 * var(--u)); }
/* 4列とも英文のぶん背が伸び、下の総括に 3pt 重なる。間隔を詰めて逃がす。 */
#p30 .wall__field { margin-top: calc(18 * var(--u)); }

/* ---- 31 Solution business — Product ------------------------- */

/* 見出しもリード文も2行になる。字を縮めて1行に押し込むのではなく、
   下の要素をまとめて下げる。デモ画面は枠で切れるので、下げた結果
   はみ出すことはない（figures.css の .screens を参照）。 */
#p31 .lead { top: calc(132 * var(--u)); }
/* 見出しが2行ぶん下がるので、役割リストも同じだけ下げる。
   幅は base.css 側で 345pt に広げてあるので、ここでは触らない。 */
#p31 .roles { top: calc(178 * var(--u)); }
/* カードは画像の天地の中央に。 */
#p31 .combo { top: calc(323 * var(--u)); }
#p31 .roles__line { font-size: calc(13 * var(--u)); }
#p31 .roles__note { font-size: calc(8.4 * var(--u)); }
#p31 .combo { font-size: calc(13 * var(--u)); }

/* ---- 32 Why now --------------------------------------------- */

#p32 .why__lead { font-size: calc(24 * var(--u)); }
#p32 .why__text { font-size: calc(11 * var(--u)); }

/* ---- 34 Code of conduct ------------------------------------- */

/* 02 だけ見出しが2行で、下の説明文の始まる高さがずれる。3行ぶんで固定する。 */
#p34 .creed__title { font-size: calc(12.5 * var(--u)); min-height: calc(66 * var(--u)); }
#p34 .creed__text { font-size: calc(8.6 * var(--u)); }

/* ---- 35 Workplace ------------------------------------------- */

#p35 .card__title--lg { font-size: calc(16 * var(--u)); }

/* ---- 36 Organization ----------------------------------------
   見出しは右半分（幅 405pt）にしか置けない。2行に折れると
   直下のリード文に重なるので、ここだけさらに小さくする。 */

#p36 .headline { font-size: calc(21 * var(--u)); }
#p36 .bar__name { font-size: calc(10.5 * var(--u)); }

/* ---- 38 Life at 3DC ----------------------------------------- */

/* 「Research & production workshops」だけ2行になり、下の説明文の
   開始位置が4枚でずれる。2行ぶんの高さで固定する。 */
#p38 .cards--life .card__title { font-size: calc(11.5 * var(--u)); min-height: calc(35 * var(--u)); }
#p38 .cards--life .card__text { font-size: calc(8.4 * var(--u)); line-height: 1.5; }
#p38 .cards--life .card__eyebrow { font-size: calc(8.4 * var(--u)); }

/* ---- 40 People ---------------------------------------------- */

#p40 .bar__name { font-size: calc(10.5 * var(--u)); }
#p40 .people-note { font-size: calc(11 * var(--u)); line-height: 1.6; }

/* ---- 41 Open roles ------------------------------------------ */

#p41 .card__title--lg { font-size: calc(15 * var(--u)); }
/* レビュー反映で本文が最大5行になった（無理に詰めない方針）。
   5行ぶんで高さを固定し、余白は英文の1行ぶん。行数が揃わないまま
   高さを内容任せにすると、下の注記の高さが4枚でばらつく。 */
#p41 .card__text { font-size: calc(10 * var(--u)); line-height: 1.5; min-height: calc(75 * var(--u)); }
#p41 .card__meta { margin-top: calc(15 * var(--u)); }
#p41 .card__meta { font-size: calc(9 * var(--u)); }

/* ---- 42 Hiring process -------------------------------------- */

#p42 .flow__title { font-size: calc(14 * var(--u)); }
/* 矢羽根は clip-path で左右 26pt を削るので、文字の入る幅は約 116pt しかない。
   はみ出すと形の外に文字が出て切れて見える。 */
#p42 .flow__sub { font-size: calc(9.5 * var(--u)); }
#p42 .hire__lead { font-size: calc(17 * var(--u)); line-height: 1.6; }
#p42 .bullets--lg { font-size: calc(11 * var(--u)); }

/* ---- 43 Why join -------------------------------------------- */

#p43 .col__text { font-size: calc(11 * var(--u)); line-height: 1.75; }

/* ---- 44 Get in touch ---------------------------------------- */

#p44 .contact-card__title { font-size: calc(13 * var(--u)); }
#p44 .contact-card__text { font-size: calc(9.6 * var(--u)); line-height: 1.6; }

/* ---- 46 Glossary -------------------------------------------- */

#p46 .spec__key { font-size: calc(10.5 * var(--u)); }
#p46 .spec__value { font-size: calc(9.4 * var(--u)); }