.aws.v1a {
    --awd-mx-wd: 200;
    --awd-mx-wd-mbl: 128;
    --awd-mx-wd-clc: calc((var(--awd-mx-wd-mbl) * 1px) + (var(--awd-mx-wd) - var(--awd-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

    li {
        max-height: 13.25rem; /* 212px */
    }

    li > *:not(picture) {
        position: relative;
    }

    /* Stagger — drop the middle award 2rem lower than the outer two.
       Only when the three sit in a row (mx-3 goes 3-across at this
       container width); below it they stack, so no offset. */
    @container (width >= 78rem) {
        .grd {
            /* Reserve the drop distance so the lowered middle award stays
               inside the section padding instead of bleeding past it. */
            padding-bottom: 4rem;
        }

        .grd > li:nth-child(even) {
            transform: translateY(4rem);
        }
    }
}
