body .site-footer nav,
body footer nav {
    display: flex !important;
    align-items: center;
    gap: 16px !important;
}

body .site-header nav {
    align-items: center;
    gap: 12px;
}

body .site-header nav a {
    display: inline-flex;
    align-items: center;
}

body .site-header .menu-separator {
    display: block;
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    margin: 0 4px;
    border-radius: 50%;
    background: #3f7d18;
}

@media (max-width: 1000px) {
    body .site-header .menu-separator {
        display: none;
    }
}

body .site-header .language-select select {
    border: 1px solid #b9cbb1 !important;
    background: var(--paper) !important;
    color: var(--ink) !important;
    font: 700 12px var(--mono) !important;
    cursor: pointer;
}

/* Keep homepage copy together and give the artwork the wider column. */
.page-home .webcatalogue {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
    grid-template-areas: "heading image" "copy image";
    row-gap: 0;
    align-content: center;
}

.page-home .webcatalogue-heading {
    grid-area: heading !important;
    align-self: end;
}

.page-home .webcatalogue-copy {
    grid-area: copy !important;
    align-self: start;
}

.page-home .webcatalogue-image {
    grid-area: image !important;
    order: 0 !important;
    align-self: center;
    justify-content: center;
}

.page-home .webcatalogue-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}

@media (max-width: 1000px) {
    .page-home .webcatalogue {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "heading" "copy" "image";
    }

    .page-home .webcatalogue-image {
        margin-top: 38px;
    }
}

/* Keep the intro heading and copy in the left column beside the artwork. */
@media (min-width: 1001px) {
    .page-home .intro {
        row-gap: 0 !important;
        align-content: center;
    }

    .page-home .intro-heading {
        display: block;
        grid-column: 1 !important;
        grid-row: 1;
        align-self: end;
    }

    .page-home .intro-copy {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
    }

    .page-home .intro-art {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}