.site-hero{display:block;min-height:0;padding:36px max(20px,calc((100% - 1120px)/2)) 20px;background:var(--hero-background,var(--color-background));text-align:left}
.site-hero h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);color:var(--hero-title-color,var(--color-primary));line-height:1.15}
.site-hero p{max-width:65ch;margin:0;color:var(--hero-description-color,var(--color-muted-text));font-size:1.125rem}
@media(max-width:640px){.site-hero{padding-top:24px;padding-bottom:16px}.site-hero h1{font-size:2rem}}