.gm-photo-collage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--gm-collage-gap,20px);width:100%;align-items:stretch;padding:8px 5px;box-sizing:border-box}
.gm-photo-collage__item{margin:0;min-width:0;min-height:0;position:relative;background:#f7f2e8;padding:6px;border:1px solid rgba(75,63,49,.14);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .28s ease,box-shadow .28s ease;transform:rotate(var(--gm-base-angle,0deg));z-index:1;box-sizing:border-box}
.gm-photo-collage__item img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.gm-photo-collage__item--1{--gm-base-angle:-2deg;grid-column:1;grid-row:1}
.gm-photo-collage__item--2{--gm-base-angle:1.5deg;grid-column:2;grid-row:1}
.gm-photo-collage__item--3{--gm-base-angle:2deg;grid-column:3;grid-row:1}
.gm-photo-collage__item--4{--gm-base-angle:1.5deg;grid-column:1;grid-row:2}
.gm-photo-collage__item--5{--gm-base-angle:-1.5deg;grid-column:2;grid-row:2}
.gm-photo-collage__item--6{--gm-base-angle:-2deg;grid-column:3;grid-row:2}
.gm-photo-collage__item--1 img,.gm-photo-collage__item--3 img{aspect-ratio:4/5}
.gm-photo-collage__item--2 img,.gm-photo-collage__item--4 img,.gm-photo-collage__item--6 img{aspect-ratio:4/3}
.gm-photo-collage__item--5 img{aspect-ratio:3/4}
.gm-photo-collage__item:hover{transform:rotate(calc(var(--gm-collage-rotation,3deg) * var(--gm-direction,1))) scale(1.025);box-shadow:0 10px 24px rgba(0,0,0,.14);z-index:3}
.gm-photo-collage__item:nth-child(even){--gm-direction:-1}
@media(min-width:768px){.gm-photo-collage{grid-template-rows:auto auto;align-items:center}.gm-photo-collage__item{align-self:center}.gm-photo-collage__item--1,.gm-photo-collage__item--3{grid-row:1 / 3}.gm-photo-collage__item--2{grid-row:1}.gm-photo-collage__item--4{grid-column:1;grid-row:3}.gm-photo-collage__item--5{grid-column:2;grid-row:2 / 4}.gm-photo-collage__item--6{grid-column:3;grid-row:3}.gm-photo-collage{grid-template-rows:repeat(3,auto)}}
@media(max-width:767px){.gm-photo-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:clamp(10px,3vw,var(--gm-collage-gap,20px))}.gm-photo-collage__item{grid-column:auto!important;grid-row:auto!important}.gm-photo-collage__item img{aspect-ratio:4/5!important}}
@media(max-width:420px){.gm-photo-collage__item{padding:4px}}
@media(prefers-reduced-motion:reduce){.gm-photo-collage__item{transition:none}}
