@media (max-width: 900px) {

    .hero__content {
        padding-block: 7rem 8rem;
    }

    .who-we-are__grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .who-we-are__visual {
        min-height: 400px;
    }

    .who-we-are__visual-gradient {
        min-height: 400px;
    }

}


@media (max-width: 700px) {

    .hero__content {
        padding-block: 6rem 7rem;
    }

    .what-we-do__grid {
        grid-template-columns: 1fr;
    }

    .pillar {
        min-height: 320px;

        border-right: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .pillar:last-child {
        border-bottom: 0;
    }

    .pillar:nth-child(3) {
        border-bottom: 1px solid var(--color-border);
    }

}