.aws.v9 {
    /* Logo (leaf) sizing inside each badge — awards-tools.css reads these */
    --awd-mx-wd: 220;
    --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)));
    --awd-mx-ht: 200;
    --awd-mx-ht-mbl: 82;
    --awd-mx-ht-clc: calc((var(--awd-mx-ht-mbl) * 1px) + (var(--awd-mx-ht) - var(--awd-mx-ht-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

    /* Vertical offset for alternating badges (matches Figma stagger) */
    --aws-v9-stagger: 10rem;
}

/* Circular badge — reuses .bg-bx fill; border drawn with site color tokens */
.aws.v9 .aws-v9-badge {
    aspect-ratio: 1;
    width: 100%;
    padding: 2.2rem;
    border-radius: 50%;
    /* Solid ~black ring, matching the design, from the box border color token */
    border: solid 5px var(--bg-bx-bdr-clr, var(--text-color));
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
}

.aws.v9 .aws-v9-badge picture,
.aws.v9 .aws-v9-badge img {
    object-fit: contain;
}

/* Alternating vertical stagger — desktop only */
@media screen and (min-width: 700px) {
    .aws.v9 .aws-v9-lst > li:nth-child(even) {
        margin-top: var(--aws-v9-stagger);
    }
    .aws.v9 .aws-v9-badge {
        width: 80%;
    }
}