.collage{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}@media screen and (min-width:750px){.collage{gap:2rem}}.collage__item{position:relative;min-height:100%}.collage__item{flex:0 0 auto;max-width:100%}.collage__item--image,.collage__item--video{width:100%}@media screen and (min-width:750px){.collage__item--image,.collage__item--video{width:100%}}.collage__item--product,.collage__item--collection{width:calc(50% - .5rem)}@media screen and (min-width:750px){.collage__item--product,.collage__item--collection{width:calc(33.333% - 1.33rem)}}.collage-wrapper-title{margin-bottom:2rem}.collage-card{position:relative;height:100%;overflow:hidden;border-radius:var(--border-radius);margin:0 auto}.collage-card__link{display:block;height:100%;text-decoration:none;color:inherit}.collage-card__link .media{height:100%}.collage-card__image{width:100%;height:100%;object-fit:cover}.collage-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(transparent,#0009);pointer-events:none}.collage-card__overlay-text{color:#fff;margin:0;font-size:1.8rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.collage .card,.collage .card__inner,.collage .card__media{height:100%}.collage .card-collection .card__content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009)}.collage .card-collection .card__heading{color:#fff}.collage .deferred-media{height:100%;border-radius:var(--border-radius)}.collage .deferred-media__poster{width:100%;height:100%;border:none;background:transparent;cursor:pointer}.collage .deferred-media__poster-image{width:100%;height:100%;object-fit:cover}.collage .deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;transition:transform .2s ease}.collage .deferred-media__poster:hover .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.1)}.collage .deferred-media__poster-button .svg-wrapper{width:2rem;height:2rem;margin-left:.3rem}@media screen and (max-width:749px){.collage-wrapper-title{margin-bottom:1.5rem}.collage-card__overlay{padding:1.5rem}.collage-card__overlay-text{font-size:1.4rem}.collage .deferred-media__poster-button{width:4.5rem;height:4.5rem}.collage .deferred-media__poster-button .svg-wrapper{width:1.5rem;height:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collage.css.map */