/* ==================================================================
   赤の使い方 C：赤を主役にする
   B に加えて、大見出しの2語目（灰色だった所）、WORKS の帯、画面の縁の線を赤にする。
   黒はフッターと本文だけに残り、赤と黒の2色で組む。実測で赤はページ全体の10.7%（最初の画面5.5%）。
================================================================== */
:root{
  --red:#b91e2a;      /* ロゴの赤（元データ C31 M98 Y90 K0 を sRGB に変換） */
  --accent:var(--red);
  --ghost:var(--red); /* 大見出しの2語目 */
}
body::before,body::after{background:var(--red)}
.band__bg{background:var(--red)}
.humb{background:var(--red)}
.arrow{background:var(--red)}
.works__under::before{background:var(--red)}
/* 赤い帯の上では、タイルの枠を白の半透明にして赤となじませる */
.works__tile{border-color:rgba(255,255,255,.2)}
/* 下層ページ：地図の背面の帯、送信ボタン、作例を大きく見る画面の閉じるボタンも赤 */
.map::before{background:var(--red)}
.form__submit{background:var(--red)}
.form__submit:hover{background:var(--black)}
.viewer__close{background:var(--red)}
/* 赤い面の上ではフォーカス枠（赤）が見えないので白にする */
.works__under :focus-visible{outline-color:var(--white)}