/* offmode — typography scale (02 — TYPOGRAPHY).
   Hero / H2 sit at weight 500. 700 is never used. */
:root{
  --font-display:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  --font-latin:"Zen Kaku Gothic New","Helvetica Neue",Arial,sans-serif;

  --weight-body:400;
  --weight-display:500;   /* hard ceiling for headings */

  /* Hero — 改行は意味で <br> 固定 (line breaks are authored, never automatic) */
  --text-hero-size:clamp(30px,4.2vw,62px);
  --text-hero-lh:1.42;
  --text-hero-ls:0.01em;

  /* H2 — section headline */
  --text-h2-size:clamp(26px,2.8vw,42px);
  --text-h2-lh:1.5;

  /* H3 — feature / card title */
  --text-h3-size:clamp(20px,1.8vw,28px);
  --text-h3-lh:1.6;

  /* Lead — one-line promise under a headline */
  --text-lead-size:17px;
  --text-lead-lh:1.8;

  /* Body */
  --text-body-size:15px;
  --text-body-lh:2.05;

  /* Small print / disclaimers */
  --text-small-size:13px;
  --text-small-lh:1.9;
  --text-caption-size:12px;
  --text-caption-lh:1.7;

  /* Section label — CONCEPT / FEATURES / FAQ */
  --text-label-size:12px;
  --text-label-ls:0.2em;
  --text-label-lh:1;
}