/* EN /menu/ 再設計候補 v1（ローカル・非公開）。body.en-menu-proto にスコープ。共通部分は lower-common-v1.css + en-overrides-v1.css。
方針：本文・コース順・価格・写真素材は不変。変えるのは「見せ方」＝冒頭の大写真／4つの段の背景変化（紙・石・夜・紙）／
写真の大きさと左右の交互配置／余白の強弱／料金の「時間左・金額右」の列。TOPの実測値（Georgia・Helvetica Neue・紙#f3efe8・石#e5ded2・夜#191613）に合わせる。
実表示は未確認（ローカル表示の制約）。 */
body.en-menu-proto {
--serif: Georgia, "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", serif;
--sans: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
--night: #191613; --night-ink: #efe9df; --night-soft: #b9b0a3;
--section-y: clamp(72px, 10vw, 148px);
}
body.en-menu-proto #single_page { padding-top: var(--h-h); }
body.en-menu-proto .content_block { padding: 0; }
/* ---------- 冒頭（v2）：最初の画面で「実写真」と「3つの案内」を両立する編集的構成 ----------
1280×800：ヘッダー(72px)を除いた全高の写真。左に大きな明朝のコピーと本文、下に3つの案内を紙色の面で重ねる（TOPの「写真に重なる文章面」と同じ考え方）。
390×844：上に写真（約46svh）、その下の夜色の面にコピー・本文・案内を縦に。最初の案内が最初の画面に入る。
本文は削除しない：h1の「MENU」は視覚的にのみ隠し（スクリーンリーダーには残す）、Menuは小さなラベルにする。 */
body.en-menu-proto .mx-hero {
/* v3：ヒーローは画面高の約56%（PC標準高800〜900で約450〜500px）。3つの案内はヒーローの下端にまたがり、直下にコースの始まりが見える */
position: relative; display: flex; align-items: flex-end; overflow: visible; background: var(--night); color: #fff;
height: clamp(420px, 56vh, 560px);
}
body.en-menu-proto .mx-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 68%; }
body.en-menu-proto .mx-hero:after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(90deg, rgba(25,22,19,.78) 0%, rgba(25,22,19,.5) 34%, rgba(25,22,19,0) 62%), linear-gradient(180deg, rgba(25,22,19,0) 52%, rgba(25,22,19,.55) 100%);
}
body.en-menu-proto .mx-hero-inner {
position: relative; z-index: 1; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 var(--gutter) 116px; /* 下の116pxは、ヒーロー下端にまたがる案内の面（ヒーロー内に約90px）を避ける余白 */
display: grid; grid-template-columns: minmax(0, 560px) minmax(0, 1fr); row-gap: 0; /* 左列＝コピー・本文（最大560px）／右列＝空き（ランプ側）。3つの案内は両列にまたがる */
}
body.en-menu-proto .mx-hero-inner > .block_title, body.en-menu-proto .mx-hero-inner > p { grid-column: 1; }
body.en-menu-proto .page_menu .mx-hero .block_title {
margin: 0 0 18px; text-align: left; color: rgba(255,255,255,.86); font-family: var(--sans); font-weight: 400;
font-size: 12px; line-height: 1; letter-spacing: .34em; text-transform: uppercase;
}
body.en-menu-proto .page_menu .mx-hero .block_title:after { display: none; }
body.en-menu-proto .page_menu .mx-hero .block_title span { /* 「MENU」は「Menu」と重複。視覚的にのみ隠す（DOMには残す） */
position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
body.en-menu-proto .page_menu .mx-hero .t2 {
margin: 0 0 18px; padding: 0; text-align: left; color: #fff; font-family: var(--serif); font-weight: 400;
font-size: clamp(28px, 3vw, 40px); line-height: 1.2; letter-spacing: .003em;
}
body.en-menu-proto .page_menu .mx-hero .t2 br { display: inline; }
body.en-menu-proto .page_menu .mx-hero-inner > p:not(.t2) { margin: 0; padding: 0; max-width: 34em; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.9; letter-spacing: .02em; text-align: left; }
body.en-menu-proto .page_menu .menu_phrase { display: inline-block; max-width: 100%; }
body.en-menu-proto .page_menu .mx-hero .menu_choices {
position: absolute; left: var(--gutter); bottom: -56px; z-index: 2; /* ヒーロー下端にまたがる（TOPの「写真に重なる文章面」と同じ考え方） */
width: min(1000px, calc(100% - 2 * var(--gutter))); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0;
border: 0; background: rgba(243,239,232,.97); color: var(--ink); box-shadow: 0 18px 40px -24px rgba(0,0,0,.55);
}
body.en-menu-proto .page_menu .mx-hero .menu_choices a {
display: flex; flex-direction: column; gap: 8px; min-height: 0; padding: 20px 26px 22px; border: 0; background: transparent;
color: var(--ink); text-align: left; text-decoration: none; transition: background .3s var(--ease), color .3s var(--ease);
}
body.en-menu-proto .page_menu .mx-hero .menu_choices a + a { border-left: 1px solid var(--line); }
body.en-menu-proto .page_menu .mx-hero .menu_choices a:hover { background: var(--paper-deep); color: var(--green); }
body.en-menu-proto .page_menu .mx-hero .menu_choices a:focus-visible { outline: 2px solid var(--green); outline-offset: -4px; }
body.en-menu-proto .page_menu .mx-hero .menu_choices a > span:first-child { font-family: var(--sans); font-size: 12px; letter-spacing: .06em; color: var(--ink-soft); line-height: 1.5; }
body.en-menu-proto .page_menu .mx-hero .menu_choices a > span:last-child { font-family: var(--serif); font-size: clamp(17px, 1.7vw, 22px); line-height: 1.3; letter-spacing: .01em; }
/* ガイドと税込の注記：罫線なしの細い1行（写真の直下） */
body.en-menu-proto .mx-help { max-width: 1280px; margin: 0 auto; padding: 96px var(--gutter) 28px; /* 上の96px＝ヒーロー下にはみ出す案内の面(56px)＋余白 */ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 32px; }
body.en-menu-proto .mx-help .ryokuwa-course-help { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; margin: 0; padding: 0; border: 0; color: var(--ink-soft); font-size: 14px; }
body.en-menu-proto .mx-help .ryokuwa-course-help > p { margin: 0; }
body.en-menu-proto .mx-help .ryokuwa-course-help > a { color: var(--green); text-underline-offset: 5px; }
body.en-menu-proto .page_menu .mx-help .menu_tax_note { margin: 0; padding: 0; color: var(--ink-soft); font-size: 13px; text-align: left; }
/* ---------- 共通：コース行（旧の浮動・縞背景を打ち消し、グリッドに） ---------- */
body.en-menu-proto .page_menu .list_wrap { max-width: none; margin: 0; padding: 0; overflow: visible; }
body.en-menu-proto .page_menu .list_wrap { counter-reset: mx; }
body.en-menu-proto .page_menu article.listblock { counter-increment: mx; padding: 0; margin: 0; border: 0; background: transparent; overflow: visible; scroll-margin-top: calc(var(--h-h) + 12px); }
body.en-menu-proto .mx-g { padding: var(--section-y) 0; }
body.en-menu-proto .mx-g-paper { background: var(--paper); }
body.en-menu-proto .mx-g-stone { background: var(--stone); }
body.en-menu-proto .mx-g-night { background: var(--night); color: var(--night-ink); }
body.en-menu-proto .mx-wrap { max-width: 1280px; margin: 0 auto; padding: 0 var(--gutter); }
body.en-menu-proto .mx-g .mx-row + .mx-row { margin-top: clamp(72px, 10vw, 140px); }
body.en-menu-proto .mx-row .inner_94 { max-width: none; overflow: visible; display: grid; grid-template-columns: var(--cols, minmax(0, 6fr) minmax(0, 5fr)); column-gap: clamp(32px, 6vw, 96px); align-items: center; }
body.en-menu-proto .mx-row .thumb_wrap { float: none; width: 100%; max-width: none; height: auto; background: var(--stone); aspect-ratio: 4 / 3; position: relative; overflow: hidden; }
body.en-menu-proto .mx-row .thumb_wrap:before { content: none; display: none; }
body.en-menu-proto .mx-row .thumb { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; }
body.en-menu-proto .mx-row .thumb img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); display: block; }
body.en-menu-proto .mx-row .menu_description { float: none; width: auto; padding: 0; }
body.en-menu-proto .page_menu .mx-row .menu_description .t1 {
position: relative; margin: 0; padding: 0 0 22px; font-family: var(--serif); font-weight: 400; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.18; letter-spacing: .005em; color: inherit;
}
body.en-menu-proto .mx-row .menu_description .t1:before {
content: counter(mx, decimal-leading-zero); display: block; margin: 0 0 16px; font: italic 400 13px/1 var(--serif); letter-spacing: .2em; color: var(--green);
}
body.en-menu-proto .mx-row .menu_description .t1 small { display: block; margin-top: 10px; font-family: var(--sans); font-size: 12px; font-weight: 400; letter-spacing: .06em; line-height: 1.6; color: var(--ink-soft); }
body.en-menu-proto .page_menu .mx-row .menu_description .t3 { display: block; margin: 0 0 8px; max-width: 34em; color: var(--ink-soft); font-family: var(--sans); font-size: 15px; line-height: 1.95; letter-spacing: .02em; }
body.en-menu-proto .mx-row .price { margin: 26px 0 0; padding: 0; max-width: 440px; display: block; }
body.en-menu-proto .mx-row .price p {
display: flex; justify-content: space-between; align-items: baseline; margin: 0; padding: 13px 2px; border-bottom: 1px solid var(--line);
font-family: var(--serif); font-weight: 400; font-size: clamp(21px, 2vw, 26px); letter-spacing: .02em; font-variant-numeric: tabular-nums; color: inherit; white-space: normal;
}
body.en-menu-proto .mx-row .price p:first-of-type { border-top: 1px solid var(--line-strong); }
body.en-menu-proto .mx-row .price span {
position: static; display: inline; width: auto; margin: 0 16px 0 0; padding: 0; border: 0; border-radius: 0; background: none; line-height: 1.4;
font-family: var(--sans); font-size: 12px; font-weight: 400; letter-spacing: .14em; color: var(--ink-soft);
}
/* ---------- 1. ryokuwa Course：画面端まで広がる大写真（主役コース） ---------- */
body.en-menu-proto .mx-g-feature { padding: 0; background: var(--paper); }
body.en-menu-proto .mx-g-feature .mx-wrap { max-width: none; padding: 0; }
body.en-menu-proto .mx-feature .inner_94 { --cols: minmax(0, 58fr) minmax(0, 42fr); column-gap: 0; align-items: stretch; }
body.en-menu-proto .mx-feature .thumb_wrap { aspect-ratio: auto; min-height: clamp(360px, 52vh, 560px); }
body.en-menu-proto .mx-feature .menu_description { align-self: start; padding: clamp(32px, 5vh, 64px) var(--gutter) var(--section-y) clamp(36px, 6vw, 96px); }
body.en-menu-proto .page_menu .mx-feature .menu_description .t1 { font-size: clamp(32px, 3.8vw, 56px); }
/* ---------- 2. 通常コース5つ（石色・原順序のまま）：大→逆配置→小→小の逆配置→大と、写真の大きさと向きで緩急をつける ---------- */
body.en-menu-proto .mx-big { --cols: minmax(0, 6fr) minmax(0, 5fr); }
body.en-menu-proto .mx-flip { --cols: minmax(0, 5fr) minmax(0, 6fr); }
body.en-menu-proto .mx-flip .thumb_wrap { order: 2; }
body.en-menu-proto .mx-flip .menu_description { order: 1; }
body.en-menu-proto .mx-small { --cols: minmax(0, 4fr) minmax(0, 7fr); }
body.en-menu-proto .mx-small.mx-flip { --cols: minmax(0, 7fr) minmax(0, 4fr); }
body.en-menu-proto .page_menu .mx-small .menu_description .t1 { font-size: clamp(24px, 2.4vw, 34px); }
body.en-menu-proto .mx-small .thumb_wrap { max-width: 440px; }
body.en-menu-proto .mx-g-stone .price p { border-bottom-color: rgba(38,35,31,.18); }
body.en-menu-proto .mx-g-normal .mx-row + .mx-row { margin-top: clamp(64px, 8vw, 112px); }
/* ---------- 3. Premium Course（夜）：主役コースの2つ目。TOPの暗い大写真の段と同じ扱い ---------- */
body.en-menu-proto .mx-night { --cols: minmax(0, 5fr) minmax(0, 7fr); }
body.en-menu-proto .mx-night .thumb_wrap { order: 2; aspect-ratio: 4 / 3.3; background: #0d0b09; }
body.en-menu-proto .mx-night .menu_description { order: 1; }
body.en-menu-proto .mx-night .menu_description .t1:before { color: #e3c48f; }
body.en-menu-proto .mx-night .menu_description .t1 small { color: var(--night-soft); }
body.en-menu-proto .page_menu .mx-night .menu_description .t3 { color: var(--night-soft); }
body.en-menu-proto .mx-night .price p { border-bottom-color: rgba(239,233,223,.2); }
body.en-menu-proto .mx-night .price p:first-of-type { border-top-color: rgba(239,233,223,.34); }
body.en-menu-proto .mx-night .price span { color: var(--night-soft); }
body.en-menu-proto .mx-night .price p { color: #f3d9a4; }
/* ---------- 4. 追加オプション（紙色）：TOPのmenu一覧と同じ「小さな写真・名前・料金」の行。写真は小さく（解像度に合わせる） ---------- */
body.en-menu-proto .mx-g-options .mx-wrap { max-width: 1040px; }
body.en-menu-proto .mx-g-options .mx-row + .mx-row { margin-top: 0; }
body.en-menu-proto .mx-opt { padding: 44px 0; border-top: 1px solid var(--line-strong); }
body.en-menu-proto .mx-opt:last-child { border-bottom: 1px solid var(--line-strong); }
body.en-menu-proto .mx-opt .inner_94 { grid-template-columns: 168px minmax(0, 1fr) minmax(220px, 300px); column-gap: clamp(24px, 4vw, 56px); align-items: start; }
body.en-menu-proto .mx-opt .thumb_wrap { aspect-ratio: 4 / 3; grid-column: 1; grid-row: 1 / span 2; }
body.en-menu-proto .mx-opt .menu_description { display: contents; }
body.en-menu-proto .page_menu .mx-opt .menu_description .t1 { grid-column: 2; grid-row: 1; font-size: clamp(22px, 2.2vw, 30px); padding-bottom: 14px; }
body.en-menu-proto .page_menu .mx-opt .menu_description .t3 { grid-column: 2; grid-row: 2; }
body.en-menu-proto .mx-opt .price { grid-column: 3; grid-row: 1 / span 2; margin-top: 0; align-self: start; max-width: none; }
body.en-menu-proto .mx-opt .price p { font-size: clamp(17px, 1.6vw, 21px); }
/* ---------- 狭い幅（スマホ）：写真→見出し→本文→料金の縦の流れ。写真は全幅、強弱は余白で ---------- */
@media screen and (max-width: 900px) {
body.en-menu-proto .mx-row .inner_94, body.en-menu-proto .mx-feature .inner_94 { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
body.en-menu-proto .mx-flip .thumb_wrap, body.en-menu-proto .mx-night .thumb_wrap { order: 0; }
body.en-menu-proto .mx-flip .menu_description, body.en-menu-proto .mx-night .menu_description { order: 1; }
body.en-menu-proto .mx-small .thumb_wrap { max-width: none; }
body.en-menu-proto .mx-feature .thumb_wrap { aspect-ratio: 4 / 3.3; min-height: 0; }
body.en-menu-proto .mx-feature .menu_description { padding: 8px var(--gutter) var(--section-y); }
body.en-menu-proto .mx-g-feature { padding-bottom: 0; }
body.en-menu-proto .mx-row .price { max-width: none; }
body.en-menu-proto .mx-night .thumb_wrap { margin: 0 calc(-1 * var(--gutter)); width: auto; }
body.en-menu-proto .mx-opt .inner_94 { grid-template-columns: 104px minmax(0, 1fr); row-gap: 8px; column-gap: 20px; }
body.en-menu-proto .mx-opt .thumb_wrap { grid-row: 1; }
body.en-menu-proto .page_menu .mx-opt .menu_description .t1 { grid-column: 2; grid-row: 1; padding-bottom: 6px; }
body.en-menu-proto .page_menu .mx-opt .menu_description .t3 { grid-column: 1 / -1; grid-row: 2; }
body.en-menu-proto .mx-opt .price { grid-column: 1 / -1; grid-row: 3; margin-top: 12px; }
}
@media screen and (max-width: 600px) {
/* 390×844：上に写真（約46svh）、続く夜色の面にコピー・本文・案内。最初の案内が最初の画面に入る */
body.en-menu-proto .mx-hero { display: block; height: auto; min-height: 0; max-height: none; overflow: hidden; --ph: clamp(220px, 32svh, 320px); }
body.en-menu-proto .mx-hero-img { height: var(--ph); object-position: 80% 50%; }
body.en-menu-proto .mx-hero:after { inset: 0 0 auto 0; height: var(--ph); background: linear-gradient(180deg, rgba(25,22,19,.16) 0%, rgba(25,22,19,0) 40%, rgba(25,22,19,1) 100%); }
body.en-menu-proto .mx-hero-inner { display: block; padding: calc(var(--ph) - 34px) var(--gutter) 30px; }
body.en-menu-proto .page_menu .mx-hero .block_title { margin-bottom: 14px; }
body.en-menu-proto .page_menu .mx-hero .t2 { font-size: clamp(25px, 7vw, 30px); margin-bottom: 14px; }
body.en-menu-proto .page_menu .mx-hero-inner > p:not(.t2) { font-size: 14px; line-height: 1.8; }
body.en-menu-proto .page_menu .mx-hero .menu_choices { position: static; left: auto; bottom: auto; grid-template-columns: 1fr; width: 100%; margin-top: 22px; background: transparent; box-shadow: none; }
body.en-menu-proto .page_menu .mx-hero .menu_choices a, body.en-menu-proto .page_menu .mx-hero .menu_choices a + a { padding: 14px 0 15px; border-left: 0; border-top: 1px solid rgba(255,255,255,.18); color: #fff; gap: 5px; }
body.en-menu-proto .page_menu .mx-hero .menu_choices a:hover { background: transparent; color: #e3c48f; }
body.en-menu-proto .page_menu .mx-hero .menu_choices a > span:first-child { color: rgba(255,255,255,.7); }
body.en-menu-proto .page_menu .mx-hero .menu_choices a > span:last-child { font-size: 19px; }
body.en-menu-proto .mx-help { padding-top: 24px; padding-bottom: 0; flex-direction: column; }
}
@media screen and (max-width: 600px) and (max-height: 720px) {
body.en-menu-proto .mx-hero { --ph: clamp(200px, 30svh, 320px); }
body.en-menu-proto .mx-row .price p { font-size: 21px; }
body.en-menu-proto .mx-opt .price p { font-size: 18px; }
}
/* ---- refined（実公開批評の必須2点）：①1語落ち（孤立語）の抑制 ②PC案内の面のラベル上揃え。構造・本文は変更しない。実表示は未確認 ---- */
/* ① 文字組み：ヒーローのコピー、案内のコース名、コース名見出しを均等な行長に（text-wrap: balance）。本文は末尾行の短さを避ける（pretty）。
スマホ本文の「attention,」は、
ではなく .menu_phrase（inline-block）が幅を超えて内側で折り返した結果のため、.menu_phrase 自体を balance にする（brは変更しない） */
body.en-menu-proto .page_menu .mx-hero .t2 { text-wrap: balance; }
body.en-menu-proto .page_menu .menu_phrase { text-wrap: balance; }
body.en-menu-proto .page_menu .mx-hero-inner > p:not(.t2) { text-wrap: pretty; }
body.en-menu-proto .page_menu .mx-hero .menu_choices a > span:last-child { text-wrap: balance; }
body.en-menu-proto .page_menu .mx-row .menu_description .t1 { text-wrap: balance; }
@supports not (text-wrap: balance) { /* 未対応ブラウザ：コピーの行長だけ抑え、1語だけの末尾行になりにくくする */
body.en-menu-proto .page_menu .mx-hero .t2 { max-width: 13em; }
}
/* ② PCの案内の面：ページ内の既存inline CSS（.page_menu .menu_choices a { justify-content: center }）が効き、2行の項目の隣で1行の項目が縦中央に寄って、ラベル位置が列でずれていた。上揃えにする */
body.en-menu-proto .page_menu .mx-hero .menu_choices a { justify-content: flex-start; }
/* Menu only: legacy jQuery anchor animation controls scrolling; avoid native smooth-scroll competing with each frame. */
html:has(body.en-menu-proto) { scroll-behavior: auto; }
/* menu v3 追記案（refinedとは別。未適用・実描画は未確認）。refined（またはv3）の「後ろ」に置く前提。理由と計算は 追記案_モバイル写真圧縮とオプション行_v3.md */
/* A. スマホの照明写真：上の暗い余白を減らし、本文・案内への到達を少し早める（雰囲気は残す：ランプ全体と台は写真内に収める）。
v3既存の `--ph`（clamp(220px,32svh,320px)／低い画面 clamp(200px,30svh,320px)）より後に置いて上書きする */
@media (max-width: 600px) {
body.en-menu-proto .mx-hero { --ph: clamp(190px, 28svh, 300px); }
body.en-menu-proto .mx-hero-img { object-position: 80% 78%; }
}
@media (max-width: 600px) and (max-height: 720px) { /* 375×667 のような低い画面：全3案内は押し込まず、2つ目まで予約バーの上に出す */
body.en-menu-proto .mx-hero { --ph: 172px; }
body.en-menu-proto .mx-hero-img { object-position: 80% 76%; }
}
/* B. 追加オプションの行：v3では `.mx-opt` の padding と罫線が、先に書かれた `article.listblock { padding:0; border:0 }`（詳細度が高い）に負けて効いていない
（実画像：行の間隔が約28pxで区切り線も無い）。詳細度を上げて意図どおりにする */
body.en-menu-proto .page_menu article.listblock.mx-opt { padding: 44px 0; border-top: 1px solid var(--line-strong); }
body.en-menu-proto .page_menu article.listblock.mx-opt:last-child { border-bottom: 1px solid var(--line-strong); }
@media (max-width: 900px) {
body.en-menu-proto .page_menu article.listblock.mx-opt { padding: 30px 0; }
}
/* menu v3 最終の文字組み 追記案（追記のみ。未適用・実描画は未確認）。refined2（refined＋写真圧縮＋オプション余白）の「後ろ」に置く。
課題：PCのヒーローのコピーで、`text-wrap: balance` を当てても「…to spend your / time.」と末尾が1語になる（既存の
がPCでも有効＝1文目と2文目が強制改行され、2文目だけが幅を超えて折り返す）。
方針：
は変更しない（隠すと "today,and" と連結する）。`.t2` の幅を、Georgiaの字幅から計算した範囲（下記）に常時抑える。em指定なので文字サイズ（clamp(28px,3vw,40px)）に比例し、PC・タブレットで同じ折返しになる。
計算（`tools/measure_hero_copy.py`、Georgia＋letter-spacing .003em、単位em）：
「For how you feel today,」=10.35／「and how you want to」=9.22／「spend your time.」=7.46（3行とも1行に収まる下限＝10.35）
「and how you want to spend」=12.13（これより狭いと "spend" の前で折り返す＝上限）
→ 範囲 [10.35, 12.13) の中央付近 11.2em（下に約8%、上に約8%の余裕）。結果：「For how you feel today,」／「and how you want to」／「spend your time.」の3行（末尾が1語にならない）。
13em（例）だと「and how you want to spend / your time.」（末尾が2語・短い行）になる。
注意：フォールバックのセリフ体（Georgiaが無い環境）では字幅が±数%変わる。範囲の余裕（約8%）内なら同じ結果。上限側（文字が細い）に外れると「spend」が1行目側に入り「and how you want to spend / your time.」になる（孤立語ではない）。下限側（文字が太い）に外れると「today,」が落ちる恐れがある（未確認）。
スマホ（≤600px）は現状で1語落ちが無い（本人確認済み）ため、変更しない。 */
@media (min-width: 601px) {
body.en-menu-proto .page_menu .mx-hero .t2 { max-width: 11.2em; }
}