/* Allow the public pages to breathe on large desktop displays. */
@media (min-width: 1100px) {
    .site-header,
    .site-footer,
    main {
        max-width: 1600px;
    }

    .services-screen {
        min-height: auto;
        grid-template-rows: auto auto;
        align-items: start;
        padding-top: clamp(56px, 5vw, 88px);
        padding-bottom: 64px;
    }

    .services-screen .contact-strip {
        margin-top: 42px;
    }

    /* The centered home hero should grow with the wider desktop canvas too. */
    .home-screen {
        min-height: calc(100vh - 126px);
    }

    .home-screen .home-copy {
        max-width: 1100px;
    }
}
