/* front-page.css — トップ固有。トップだけで使う block はここ。2ページ以上で使うなら components へ昇格。 */
.hero { background: var(--wp--preset--color--base-2); padding-block: var(--wp--preset--spacing--xl); }
.hero__inner { max-width: 1200px; margin-inline: auto; padding-inline: var(--wp--preset--spacing--md); text-align: center; }
.hero__title { font-size: var(--wp--preset--font-size--xxxl); }
.hero__lead { color: var(--wp--preset--color--ink-soft); font-size: var(--wp--preset--font-size--lg); }
.hero__cta { margin-top: var(--wp--preset--spacing--md); }