#results h3 {
    color: var(--c-blue);
    font-size: 1.4em
}

.results {
    --cgap: 1.6em;
    --rgap: 1.6em
}

.results>:nth-child(6n+1),.results>:nth-child(6n+3),.results>:nth-child(6n+4) {
    grid-row-end: span 3;
    --ar: 372 / 436
}

.results>:nth-child(6n+2),.results>:nth-child(6n+5),.results>:nth-child(6n+6) {
    grid-row-end: span 2;
    --ar: 372 / 218
}

.results a {
    display: block
}

.results h3 {
    margin: .8em 0 .2em 0;
    font-style: italic
}

.results p {
    font-size: .85em
}

.results .place {
    font-weight: var(--fw-bold)
}

.results img {
    border-radius: .6em;
    overflow: hidden
}

@media (max-width: 576px) {
    .results {
        --cgap:var(--swpad)
    }
}