@layer components{.hero.page-intro{background:var(--bg);text-align:center;padding-block:104px 112px}.page-intro>.wrap>h1{max-width:18ch;margin:0 auto;font-size:clamp(40px,5.6vw,72px);line-height:1.02}.page-intro>.wrap>h1 span{color:var(--blue-text);display:block}.hero.page-intro>.wrap>.lead{white-space:pre-line;max-width:58ch;margin:26px auto 0;font-size:clamp(18px,1.6vw,20px)}.hero.page-intro>.wrap>.ctas{justify-content:center;margin-top:34px}@media (width<=560px){.hero.page-intro{padding-block:72px 76px}}}