架空のコーヒー焙煎所のランディングページを作ってください。

## お店の情報
- 店名: ふくろう坂焙煎所（長野県松本市の住宅街、坂の途中にある小さな自家焙煎のコーヒー豆店）
- 店主: 元書店員の夫婦2人。2019年開業。焙煎機は5kg釜が1台。
- 豆: 浅煎り〜中煎りが中心。常時6種類。代表的な豆は次の3つ。
  - エチオピア・グジ（浅煎り）100g 1,200円
  - コロンビア・ウィラ（中煎り）100g 1,000円
  - ブレンド「坂の上」（中深煎り）100g 900円
- 買い方: 店頭販売／オンライン通販（全国発送、送料600円、5,000円以上で送料無料）／定期便（月1回、200g×2種類、月3,200円・送料込み）
- 営業: 木〜日 11:00–18:00（月・火・水は定休）
- このページの目的: 定期便の申し込みを増やす

## 制約
- 作業フォルダに index.html を1つだけ作る。CSSは index.html の中に書く。JavaScriptは必要なら同じファイル内に書く。
- 画像ファイルは用意されていない。写真の代わりにCSSやインラインSVGを使ってよい。Webフォント（Google Fontsなど）は読み込んでよい。
- 文章は日本語。上の情報にない事実（受賞歴、具体的な住所、電話番号、口コミなど）は作らない。

## デザインの方向性（このとおりに作ること）
- 発想の元: 古い理科の標本ラベルと、焙煎度の色見本帳。豆を「標本」として静かに並べる。
- カラー（この5色だけを使う）:
  - 紙: #EEF1EF（わずかに青みのある白）
  - 墨: #1E2A2B（本文・見出し）
  - 焙煎: #6B4226（豆の色。強調と罫線）
  - 浅煎り: #C9A86A（浅煎りの豆の色。背景の帯や図形に使う。文字色には使わない）
  - 苔: #3F5B4A（CTAボタンの背景。文字は紙色）
- 書体: 見出しは「Shippori Mincho B1」、本文は「Zen Kaku Gothic New」（どちらもGoogle Fonts）。英数字も同じ書体のまま。
- 文字サイズ: 本文16px／行間1.9、見出しは 40 / 28 / 20px（スマホでは 30 / 22 / 18px）。
- 余白: 8pxの倍数（8, 16, 24, 40, 64, 104）だけを使う。
- レイアウト: 左揃え。本文の1行は最大36文字程度。豆3種は「標本ラベル」風の枠（細い焙煎色の罫線、角は丸めない）で横に並べ、スマホでは縦に積む。各ラベルに焙煎度を色見本の小さな四角で示す。
- 装飾: 影・グラデーション・絵文字・アニメーションは使わない。
