/* Front-page hero image with a contrast-safe brand gradient. */
.home .hero {
    background-color: var(--green-950);
    background-image:
        linear-gradient(135deg, rgba(8, 31, 23, .94), rgba(18, 62, 45, .78)),
        url("images/land-flip-hero.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 575.98px) {
    .home .hero {
        background-position: 58% center;
    }
}