/*
 * ブランド書体の @font-face。**自分のドメインから配信する**（Google Fonts へは繋がない）。
 *
 * 実体は `pnpm build:fonts` が作るサブセット（このサイトが実際に使う 1,200 字ほどだけ）。
 * 生成の理由と手順は scripts/build-fonts.mjs の先頭に書いてある。
 * **文章を足したら `pnpm build:fonts` を流し直す**（忘れると `pnpm verify` が落ちる）。
 *
 * unicode-range で分割していないので、1ウェイト＝1ファイル。
 * テンプレートの入場アニメーションは `document.fonts.ready` を待つため、
 * ファイル数が少ないほど HERO の文字が早く出る（＝ LCP が早い）。
 */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/noto-sans-jp-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/noto-sans-jp-700.woff2') format('woff2');
}

/* Baloo 2 は見出しとロゴタイプの欧文だけに使う。和文グリフは持たないので、
 * 見出しの仮名・漢字は次順の Noto Sans JP に落ちる（ガイドラインどおりの組み合わせ）。 */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/baloo2-700.woff2') format('woff2');
}