.category-collage__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto;gap:.75rem;align-items:stretch}.category-collage__grid>:nth-child(1){grid-column:1 / 3;grid-row:1}.category-collage__grid>:nth-child(2){grid-column:3 / 5;grid-row:1}.category-collage__grid>:nth-child(3){grid-column:1;grid-row:2}.category-collage__grid>:nth-child(4){grid-column:2;grid-row:2}.category-collage__grid>:nth-child(5){grid-column:3;grid-row:2}.category-collage__grid>:nth-child(6){grid-column:4;grid-row:2}.category-collage__card{display:block;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;height:100%}.category-collage__card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.25,.1,.25,1)}.category-collage__card:hover img{transform:scale(1.05)}.category-collage__grid>:nth-child(1) .category-collage__card,.category-collage__grid>:nth-child(2) .category-collage__card{min-height:350px}.category-collage__grid>:nth-child(3),.category-collage__grid>:nth-child(4),.category-collage__grid>:nth-child(5),.category-collage__grid>:nth-child(6){display:flex}.category-collage__grid>:nth-child(3) .category-collage__card,.category-collage__grid>:nth-child(4) .category-collage__card,.category-collage__grid>:nth-child(5) .category-collage__card,.category-collage__grid>:nth-child(6) .category-collage__card{min-height:250px;flex:1}.category-collage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;transition:background .4s ease}.category-collage__card:hover .category-collage__overlay{background:linear-gradient(to top,#000000a6,#0000000d 60%)}.category-collage__name{font-family:var(--font-editorial-family);font-size:var(--size-h4);font-weight:400;letter-spacing:.03em;color:#fff;line-height:1.2;margin-bottom:.3rem}.category-collage__count{font-size:var(--size-tiny);font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6}.category-collage__arrow{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-6px);transition:all .35s ease}.category-collage__card:hover .category-collage__arrow{opacity:1;transform:translate(0)}.category-collage__arrow svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:989px){.category-collage__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.75rem}.category-collage__grid>:nth-child(1){grid-column:1;grid-row:1}.category-collage__grid>:nth-child(2){grid-column:2;grid-row:1}.category-collage__grid>:nth-child(3){grid-column:1;grid-row:2}.category-collage__grid>:nth-child(4){grid-column:2;grid-row:2}.category-collage__grid>:nth-child(5){grid-column:1;grid-row:3}.category-collage__grid>:nth-child(6){grid-column:2;grid-row:3}.category-collage__grid>:nth-child(1) .category-collage__card,.category-collage__grid>:nth-child(2) .category-collage__card{min-height:280px}.category-collage__grid>:nth-child(3) .category-collage__card,.category-collage__grid>:nth-child(4) .category-collage__card,.category-collage__grid>:nth-child(5) .category-collage__card,.category-collage__grid>:nth-child(6) .category-collage__card{min-height:200px}}@media(max-width:639px){.category-collage__grid{grid-template-columns:1fr;grid-template-rows:auto;gap:.5rem}.category-collage__grid>:nth-child(1),.category-collage__grid>:nth-child(2),.category-collage__grid>:nth-child(3),.category-collage__grid>:nth-child(4),.category-collage__grid>:nth-child(5),.category-collage__grid>:nth-child(6){grid-column:1;grid-row:auto}.category-collage__grid>:nth-child(1) .category-collage__card,.category-collage__grid>:nth-child(2) .category-collage__card{min-height:200px}.category-collage__grid>:nth-child(3) .category-collage__card,.category-collage__grid>:nth-child(4) .category-collage__card,.category-collage__grid>:nth-child(5) .category-collage__card,.category-collage__grid>:nth-child(6) .category-collage__card{min-height:150px}.category-collage__name{font-size:var(--size-h5)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-category-collage.css.map */