/* hero centered */
.hg {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    justify-items: center
}

.hg>div {
    width: 100%
}

#home h1 {
    font-size: clamp(2.8rem, 10vw, 7.5rem)
}

.hg p.lead {
    max-width: 300ch;
    margin-inline: auto
}

.hg p.sm {
    max-width: 56ch;
    margin-inline: auto
}

.cta,
.soc {
    justify-content: center
}

.hst {
    margin-inline: auto
}