.collage-media-grid__container{--grid-desktop-vertical-spacing: 2rem;--grid-desktop-horizontal-spacing: 2rem;--media-radius: 2rem}.collage-media-grid__container .image--grid__media--placeholder{position:relative;overflow:hidden;display:block;min-height:27rem}.collage-media-grid__container .image--grid__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.collage-media-grid__container .image--grid__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.collage-media-grid__container .collage-media-grid .media-grid__item{height:100%;grid-area:span 1 / span 1;width:100%;max-width:100%;overflow:hidden;position:relative;border-radius:var(--media-radius)}.collage-media-grid__container .collage-media-grid .media-grid__item:first-child{grid-area:span 2 / span 1}.collage-media-grid__container .collage-media-grid .media-grid__item:first-child .image--grid__media--placeholder{min-height:56.2rem}.collage-media-grid__container .collage-media-grid .media-grid__item:last-child{grid-area:span 1 / span 2}.collage-media-grid__container .collage-media-grid .media-grid--inner,.collage-media-grid__container .collage-media-grid .media-grid--inner .media--image__wrapper,.collage-media-grid__container .collage-media-grid .media-grid--inner .collage--grid__media{height:100%}.collage-media-grid__container .media-grid--inner img{transition:1.5s}.collage-media-grid__container .media-grid--inner:hover img{transform:scale(1.06)}.collage-media-grid__container .media-grid--inner .collage--grid__info{position:absolute;top:0;padding:5rem;width:100%;text-align:center}.collage-media-grid__container .media-grid--inner .collage--grid__info .collage--grid__heading{margin:0;line-height:1.22}.collage-media-grid__container .collage-media-grid .media-grid__item:nth-of-type(5n) .media-grid--inner .collage--grid__info{padding:4rem}.collage-media-grid__container .collage-media-grid .media-grid__item:last-child .media-grid--inner .collage--grid__info{right:2.5rem;transform:translateY(-50%);top:50%;max-width:40rem}@media screen and (min-width:990px){.collage-media-grid__container .collage-media-grid{--media-grid-row-height: 29rem;--calculated-row-height: max(150px, min(100vw / 5, var(--media-grid-row-height)));grid:auto-flow dense var(--calculated-row-height) / repeat(4,minmax(0,1fr));align-items:start;display:grid}}@media screen and (max-width:1600px){.collage-media-grid__container .media-grid--inner .collage--grid__info{padding:3.125VW}.collage-media-grid__container .collage-media-grid .media-grid__item:nth-of-type(5n) .media-grid--inner .collage--grid__info{padding:2.5VW}.collage-media-grid__container .collage-media-grid .media-grid__item:last-child .media-grid--inner .collage--grid__info{max-width:25VW}}@media screen and (max-width:1280px){.collage-media-grid__container .collage-media-grid .media-grid__item:last-child .media-grid--inner .collage--grid__info{right:1.5rem}.collage-media-grid__container .media-grid--inner .collage--grid__info .collage--grid__heading{font-size:1.6rem}}@media screen and (max-width:989px){.collage-media-grid__container{--grid-desktop-vertical-spacing: 1rem;--grid-desktop-horizontal-spacing: 1rem;--media-radius: 1rem}.collage-media-grid__container .collage-media-grid{align-items:start;gap:var(--grid-desktop-vertical-spacing);grid:auto-flow dense var(--media-grid-row-height) / repeat(2,minmax(0,1fr));display:grid}}@media screen and (max-width:749px){.collage-media-grid__container .collage-media-grid .media-grid__item:last-child .media-grid--inner .collage--grid__info{max-width:40VW}.collage-media-grid__container .media-grid--inner .collage--grid__info .collage--grid__heading{font-size:1.4rem;line-height:1.14}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collage-media-grid.css.map */