@media (max-width: 999px) {
    .navbar {
        height: 72px;
    }

    .hero-layout,
    .split,
    .feature-item,
    .page-hero,
    .page-content {
        text-align: center;
        justify-items: center;
    }

    .hero .lead,
    .editorial-statement {
        margin-inline: auto;
    }

    .split .reel-shell,
    .feature-item .reel-shell {
        width: min(460px, 100%);
    }

    .service-block {
        text-align: left;
    }
}

@media (min-width: 1000px) {

    .hero .cta-row,
    .split .cta-row,
    .page-hero .cta-row {
        justify-content: flex-start;
    }

    .map-shell {
        grid-template-columns: 1.1fr 0.9fr;
        align-items: center;
    }
}