.frame-type-r2_imagegridgallery .gallery{
    --gallery-column-width:calc((100% - 11 * var(--gap)) / 12);
    display:flex;
    flex-wrap:wrap;
    gap:var(--gap);
    align-items:flex-start;
    justify-content:center;
}
    .frame-type-r2_imagegridgallery figure{
        flex:0 0 auto;
        width:var(--gallery-item-width);
        position:relative;
        aspect-ratio:var(--gallery-image-width) / var(--gallery-image-height);
    }
    .frame-type-r2_imagegridgallery figure.width_342{ --gallery-image-width:342; --gallery-item-width:calc(3 * var(--gallery-column-width) + 2 * var(--gap)); }
    .frame-type-r2_imagegridgallery figure.width_464{ --gallery-image-width:464; --gallery-item-width:calc(4 * var(--gallery-column-width) + 3 * var(--gap)); }
    .frame-type-r2_imagegridgallery figure.width_708{ --gallery-image-width:708; --gallery-item-width:calc(6 * var(--gallery-column-width) + 5 * var(--gap)); }
    .frame-type-r2_imagegridgallery figure.width_952{ --gallery-image-width:952; --gallery-item-width:calc(8 * var(--gallery-column-width) + 7 * var(--gap)); }
    .frame-type-r2_imagegridgallery figure.width_1074{ --gallery-image-width:1074; --gallery-item-width:calc(9 * var(--gallery-column-width) + 8 * var(--gap)); }
    .frame-type-r2_imagegridgallery figure.width_1440{ --gallery-image-width:1440; --gallery-item-width:100%; }
    .frame-type-r2_imagegridgallery figure.height_342{ --gallery-image-height:342; }
    .frame-type-r2_imagegridgallery figure.height_464{ --gallery-image-height:464; }

        .frame-type-r2_imagegridgallery figure > a{
            display:block;
            position:absolute;
            inset:0;
        }

            /* Keep image cropping separate from the link focus outline. */
            .frame-type-r2_imagegridgallery figure > .image,
            .frame-type-r2_imagegridgallery figure > a > .image{
                position:absolute;
                inset:0;
                overflow:hidden;
            }

                .frame-type-r2_imagegridgallery img{
                    display:block;
                    position:absolute;
                    inset:0;
                    width:100%;
                    height:100%;
                    object-fit:cover;
                    transition:transform 0.3s ease;
                }
                .frame-type-r2_imagegridgallery figure > a:hover img,
                .frame-type-r2_imagegridgallery figure > a:focus-visible img{ transform:scale(1.04); }

@media (prefers-reduced-motion:reduce){
        .frame-type-r2_imagegridgallery img{ transition:none; }
}

@media (max-width:900px){
        .frame-type-r2_imagegridgallery figure[class*="width_"]{ --gallery-item-width:100%; }
        .frame-type-r2_imagegridgallery figure.width_342.height_342:has(+ figure.width_342.height_342),
        .frame-type-r2_imagegridgallery figure.width_342.height_342 + figure.width_342.height_342,
        .frame-type-r2_imagegridgallery figure.width_464.height_342:has(+ figure.width_464.height_342),
        .frame-type-r2_imagegridgallery figure.width_464.height_342 + figure.width_464.height_342,
        .frame-type-r2_imagegridgallery figure.width_708.height_342:has(+ figure.width_708.height_342),
        .frame-type-r2_imagegridgallery figure.width_708.height_342 + figure.width_708.height_342,
        .frame-type-r2_imagegridgallery figure.width_952.height_342:has(+ figure.width_952.height_342),
        .frame-type-r2_imagegridgallery figure.width_952.height_342 + figure.width_952.height_342,
        .frame-type-r2_imagegridgallery figure.width_1074.height_342:has(+ figure.width_1074.height_342),
        .frame-type-r2_imagegridgallery figure.width_1074.height_342 + figure.width_1074.height_342,
        .frame-type-r2_imagegridgallery figure.width_1440.height_342:has(+ figure.width_1440.height_342),
        .frame-type-r2_imagegridgallery figure.width_1440.height_342 + figure.width_1440.height_342,
        .frame-type-r2_imagegridgallery figure.width_342.height_464:has(+ figure.width_342.height_464),
        .frame-type-r2_imagegridgallery figure.width_342.height_464 + figure.width_342.height_464,
        .frame-type-r2_imagegridgallery figure.width_464.height_464:has(+ figure.width_464.height_464),
        .frame-type-r2_imagegridgallery figure.width_464.height_464 + figure.width_464.height_464,
        .frame-type-r2_imagegridgallery figure.width_708.height_464:has(+ figure.width_708.height_464),
        .frame-type-r2_imagegridgallery figure.width_708.height_464 + figure.width_708.height_464,
        .frame-type-r2_imagegridgallery figure.width_952.height_464:has(+ figure.width_952.height_464),
        .frame-type-r2_imagegridgallery figure.width_952.height_464 + figure.width_952.height_464,
        .frame-type-r2_imagegridgallery figure.width_1074.height_464:has(+ figure.width_1074.height_464),
        .frame-type-r2_imagegridgallery figure.width_1074.height_464 + figure.width_1074.height_464,
        .frame-type-r2_imagegridgallery figure.width_1440.height_464:has(+ figure.width_1440.height_464),
        .frame-type-r2_imagegridgallery figure.width_1440.height_464 + figure.width_1440.height_464{ --gallery-item-width:calc((100% - var(--gap)) / 2); }
}