.st-collage{display:grid;grid-gap:10px;gap:10px;align-self:center;width:100%}.st-collage.one{grid-template-areas:"a"}.st-collage.pair{grid-template-areas:"a b"}.st-collage.side{grid-template-areas:"a b" "a c"}.st-collage.stack{grid-template-areas:"a a" "b c"}.st-collage .c1{grid-area:a}.st-collage .c2{grid-area:b}.st-collage .c3{grid-area:c}.st-collage{--cm:6px;--cr:18px}.st-tile{position:relative;display:block;box-sizing:content-box;padding:var(--cm);min-width:0;min-height:0;overflow:hidden;border-radius:var(--rd-lg);box-shadow:var(--e3);background:var(--matte)}.st-collage .rt-layer{inset:var(--cm)}.st-collage .pho{--mat:0px;--mat-r:var(--cr);border-radius:var(--cr);background:transparent}.st-collage.one .st-tile{justify-self:center;width:min(calc(100% - 2 * var(--cm)),calc(440px * var(--a, 1.3333)))}@media (max-width:640px){.st-collage{gap:8px;--cm:4px;--cr:12px}.st-tile{border-radius:var(--rd-md);box-shadow:var(--e2)}}