.hero {
    padding: 140px 0 60px;
}

.hero-heading,
.hero-subtext {
    grid-column: 1 / span 8;
}

.hero-subtext p {
    color: var(--granite-500)
}


/* .hero-subtext p + p {
    margin-top: var(--paragraph-spacing-md);
} */

.hero-heading + .hero-subtext {
    margin-top: var(--spacing-60);
}

@media (max-width: 1250px) {
    .hero-heading,
    .hero-subtext {
        grid-column: 1 / -1;
    }
}