a.home {
    font-size: 2em;
    color: white;
    display: flex;
    align-items: center;
    width: auto;
}

a.home svg {
    margin-right: .5em;
}

article nav ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--logo-whitespace);
    list-style-type: none;
}

article nav li {
    flex: 0 0 300px;
    display: block;
}

article nav li figcaption {
    font-style: normal;
}

article nav li video,
article nav li img {
    width: 100%;
    height: auto;
}

article.single header img {
    max-height: none;
}

@media (max-width: 770px) {
    /* smaller text to fit without wrapping on smaller screens */
    body>header a.home {
        width: auto;
        overflow: visible;
        font-size: 1.3rem;
    }
}