@media(max-width:900px) {
    .container {
        width: min(calc(100% - 40px), 1400px)
    }

    .site-nav.is-open {
        display: flex
    }

    .hero-grid {
        gap: 35px
    }

    .statement-grid {
        gap: 25px
    }

    .footer-links {
        gap: 50px
    }
}

@media(max-width:560px) {
    .container {
        width: calc(100% - 32px)
    }

    .header-inner {
        gap: 8px
    }

    .hero-visual {
        height: 300px
    }

    .section-heading {
        margin-bottom: 45px
    }

    .dash-card {
        min-height: 130px
    }
}