.fullscreen-collage{position:relative;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:0;overflow:hidden}.fullscreen-collage__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:1rem;width:100%}.fullscreen-collage__item{position:relative;overflow:hidden;border-radius:var(--media-radius);height:0;padding-bottom:100%}.fullscreen-collage__item--landscape{padding-bottom:56.25%}.fullscreen-collage__item--portrait{padding-bottom:150%}.fullscreen-collage__media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.fullscreen-collage__item:hover .fullscreen-collage__media{transform:scale(1.05)}.fullscreen-collage__content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;opacity:0;transition:opacity .3s ease}.fullscreen-collage__item:hover .fullscreen-collage__content{opacity:1}.fullscreen-collage__title{margin:0 0 .5rem;font-size:1.8rem}.fullscreen-collage__text{margin:0;font-size:1.4rem}@media screen and (max-width: 749px){.fullscreen-collage__container{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.fullscreen-collage__content{padding:1.5rem;opacity:1}.fullscreen-collage__title{font-size:1.6rem}.fullscreen-collage__text{font-size:1.2rem}}@media screen and (min-width: 750px) and (max-width: 989px){.fullscreen-collage__container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.fullscreen-collage__container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.fullscreen-collage__container--2-col{grid-template-columns:repeat(2,1fr)}.fullscreen-collage__container--3-col{grid-template-columns:repeat(3,1fr)}.fullscreen-collage__container--4-col{grid-template-columns:repeat(4,1fr)}}.fullscreen-collage__container--mosaic{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);grid-auto-flow:dense}.fullscreen-collage__item--large{grid-column:span 4;grid-row:span 2}.fullscreen-collage__item--medium,.fullscreen-collage__item--small{grid-column:span 2;grid-row:span 1}@media screen and (max-width: 749px){.fullscreen-collage__container--mosaic{grid-template-columns:1fr;grid-template-rows:auto}.fullscreen-collage__item--large,.fullscreen-collage__item--medium,.fullscreen-collage__item--small{grid-column:1;grid-row:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fullscreen-collage.css.map */