ファーストビューの中央寄せヒーロー。place-itemsによる一発センタリングと、clamp()による画面幅連動の見出しサイズが柱です。
プレビュー枠は右下をドラッグすると高さを変えられます
書き換えるとプレビューに即反映されます。変更はこのページ内だけで、リロードすると元に戻ります。
中央寄せは display: grid + place-items: center の2行で完了します（縦横同時に効く現代の定番）。見出しの font-size: clamp(24px, 5vw, 40px) は「最小・推奨・最大」の3値指定で、メディアクエリを書かずにモバイルからデスクトップまで滑らかにサイズが変わります。要素間の余白はgapに寄せ、個別marginを最小限にしています。
背景に画像を敷く場合は、テキストとのコントラスト確保のため半透明のオーバーレイを重ねてください。
LPのヒーローセクションを作ってください。display: gridとplace-itemsで中央寄せ、見出しはclamp()で画面幅に応じて伸縮、CTAボタンを2つ（メインとゴースト）並べてください。