.portfolio-collage{display:grid;gap:16px;padding-bottom:52px}.portfolio-collage img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px}.portfolio-collage.count-1{grid-template-columns:1fr}.portfolio-collage.count-2{grid-template-columns:1fr 1fr}.portfolio-collage.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.portfolio-collage.count-3 .image-1{grid-row:1 / 3}.portfolio-collage.count-3.reverse .image-1{grid-column:2;grid-row:1 / 3}.portfolio-collage.count-3.reverse .image-2{grid-column:1;grid-row:1}.portfolio-collage.count-3.reverse .image-3{grid-column:1;grid-row:2}.portfolio-collage.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.portfolio-collage.count-5{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.portfolio-collage.count-5 .image-1{grid-row:1 / 3}.portfolio-collage.count-5.reverse .image-1{grid-column:3;grid-row:1 / 3}.portfolio-collage.count-5.reverse .image-2{grid-column:1}.portfolio-collage.count-5.reverse .image-3{grid-column:2}.portfolio-collage.count-5.reverse .image-4{grid-column:1}.portfolio-collage.count-5.reverse .image-5{grid-column:2}.portfolio-collage.count-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.portfolio-collage.count-7{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.portfolio-collage.count-7 .image-1{grid-column:1 / 3;grid-row:1 / 3}.portfolio-collage.count-8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}@media (max-width: 768px){.portfolio-collage,.portfolio-collage.count-2,.portfolio-collage.count-3,.portfolio-collage.count-4,.portfolio-collage.count-5,.portfolio-collage.count-6,.portfolio-collage.count-7,.portfolio-collage.count-8{grid-template-columns:1fr 1fr;grid-template-rows:auto}.portfolio-collage img{grid-column:auto!important;grid-row:auto!important}}@media (max-width: 480px){.portfolio-collage,.portfolio-collage.count-2,.portfolio-collage.count-3,.portfolio-collage.count-4,.portfolio-collage.count-5,.portfolio-collage.count-6,.portfolio-collage.count-7,.portfolio-collage.count-8{grid-template-columns:1fr}}.portfolio-slideshow-container{max-width:100%;margin:0 auto;padding-bottom:52px}.portfolio-slideshow .slide{height:400px;max-width:80%;overflow:hidden;display:flex;align-items:center}.portfolio-slideshow .slideshow-image{display:block;width:auto;height:100%;object-fit:cover;margin:0 10px;border-radius:10px}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */
