.collection-grid-section{width:100%}.collection-grid{display:grid;gap:1rem;width:100%}.collection-grid--2x2{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.collection-grid--2x1{grid-template-columns:repeat(2,1fr)}.collection-grid--single{grid-template-columns:1fr}.collection-grid__item--half{grid-column:span 1}.collection-grid__item--full{grid-column:span 2}.collection-grid--single .collection-grid__item{grid-column:span 1}.collection-grid__card{position:relative;width:100%;height:100%}.collection-grid__link{display:flex;text-decoration:none;color:inherit;width:100%;height:100%}.collection-grid__image-wrapper{position:relative;width:100%;overflow:hidden;background-color:#f5f5f5;display:flex}.collection-grid__image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.collection-grid__link:hover .collection-grid__image{transform:scale(1.03)}.placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.3}.collection-grid__overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem;background:linear-gradient(to top,#000000b3,#0000);color:#fff;text-align:left;z-index:2}.collection-grid__title{font-size:2.4rem;font-weight:700;margin:0 0 1rem;line-height:1.2;color:inherit}.collection-grid__link-text{display:inline-block;font-size:2.4rem;font-weight:400;letter-spacing:0;text-decoration:underline;text-underline-offset:10px;margin-top:0;transition:all .3s ease}.collection-grid__link-text:hover{opacity:.85}.collection-grid__section-description{padding:3rem 3.5rem 1rem}.collection-grid__section-description p{margin:0 0 1rem;font-size:5.6rem;font-weight:400;line-height:normal;color:rgba(var(--color-foreground),1);margin:0}.collection-grid__section-description p:last-child{margin-bottom:0}@media screen and (max-width:749px){.collection-grid{gap:.75rem}.collection-grid--2x2,.collection-grid--2x1{grid-template-columns:1fr}.collection-grid__item--half,.collection-grid__item--full{grid-column:span 1}.collection-grid__overlay{padding:2.5rem 1.5rem}.collection-grid__title{font-size:2rem}.collection-grid__link-text{font-size:2rem;text-underline-offset:8px}.collection-grid__section-description{padding:1.5rem 1.5rem 1rem}.collection-grid__section-description p{font-size:2.4rem}}@media screen and (min-width:750px)and (max-width:989px){.collection-grid__section-description p{font-size:3.2rem}.collection-grid{gap:1.5rem}.collection-grid__title{font-size:1.75rem}}@media screen and (min-width:990px){.collection-grid{gap:2rem}.collection-grid__overlay{padding:6rem 3rem 4rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collection-grid.css.map */