.image-collage{display:grid;grid-template-columns:1fr;row-gap:var(--space-xl);--collage-gap: clamp(1rem, 2.4vw, 2rem)}.image-collage__item{margin:0;min-inline-size:0}.image-collage__frame{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--color-surface-alt);aspect-ratio:var(--collage-aspect, 4 / 5)}.image-collage__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--collage-focus, center)}.image-collage__link{display:block;border-radius:var(--radius);transition:transform var(--duration-base) var(--ease-out)}.image-collage__link:hover,.image-collage__link:focus-visible{transform:translateY(-4px)}.image-collage__caption{margin-block-start:var(--space-xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}.image-collage__placeholder{display:grid;place-items:center;aspect-ratio:var(--collage-aspect, 4 / 5);border:1px dashed var(--color-border);border-radius:var(--radius);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.image-collage__item:nth-child(odd){inline-size:86%;justify-self:start;--collage-aspect: var(--collage-ratio-m, 4 / 5)}.image-collage__item:nth-child(2n){inline-size:72%;justify-self:end;--collage-aspect: var(--collage-ratio-m, 1 / 1)}.image-collage__item:nth-child(3n){inline-size:100%;--collage-aspect: var(--collage-ratio-m, 3 / 2)}@media(min-width:768px){.image-collage{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:var(--collage-gap);row-gap:var(--collage-gap)}.image-collage .image-collage__item{inline-size:auto;justify-self:stretch}[data-count="1"] .image-collage__item:nth-child(1){grid-area:1 / 2 / 2 / 12;--collage-aspect: 16 / 9}[data-count="2"] .image-collage__item:nth-child(1){grid-area:1 / 1 / 2 / 8;--collage-aspect: 4 / 5}[data-count="2"] .image-collage__item:nth-child(2){grid-area:1 / 8 / 2 / 13;--collage-aspect: 3 / 4;margin-block-start:18%}[data-count="3"] .image-collage__item:nth-child(1){grid-area:1 / 1 / 2 / 7;--collage-aspect: 4 / 5}[data-count="3"] .image-collage__item:nth-child(2){grid-area:1 / 8 / 2 / 13;--collage-aspect: 1 / 1;margin-block-start:26%}[data-count="3"] .image-collage__item:nth-child(3){grid-area:2 / 4 / 3 / 11;--collage-aspect: 16 / 9}[data-count="4"] .image-collage__item:nth-child(1){grid-area:1 / 1 / 2 / 6;--collage-aspect: 4 / 5}[data-count="4"] .image-collage__item:nth-child(2){grid-area:1 / 7 / 2 / 13;--collage-aspect: 3 / 2;margin-block-start:32%}[data-count="4"] .image-collage__item:nth-child(3){grid-area:2 / 2 / 3 / 7;--collage-aspect: 1 / 1}[data-count="4"] .image-collage__item:nth-child(4){grid-area:2 / 8 / 3 / 12;--collage-aspect: 4 / 5;margin-block-start:14%}[data-count="5"] .image-collage__item:nth-child(1){grid-area:1 / 1 / 2 / 6;--collage-aspect: 3 / 4}[data-count="5"] .image-collage__item:nth-child(2){grid-area:1 / 7 / 2 / 13;--collage-aspect: 4 / 3;margin-block-start:24%}[data-count="5"] .image-collage__item:nth-child(3){grid-area:2 / 3 / 3 / 8;--collage-aspect: 1 / 1}[data-count="5"] .image-collage__item:nth-child(4){grid-area:2 / 9 / 3 / 13;--collage-aspect: 3 / 4;margin-block-start:10%}[data-count="5"] .image-collage__item:nth-child(5){grid-area:3 / 1 / 4 / 8;--collage-aspect: 16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-collage.css.map */