/* A moderately narrower editorial frame, shared by the header, hero, work
   grid and footer. Mobile keeps its practical 20px edge gutters. */
.wrap {
    width: min(86%, 1400px);
}

.article-hero {
    width: min(86%, 1400px);
}

.kg-width-wide {
    width: min(1050px, 86vw);
}

@media (max-width: 850px) {
    .wrap {
        width: calc(100% - 40px);
    }

    .article-hero {
        width: 100%;
    }
}