.collage-wrapper-title{margin-top:0;margin-bottom:2rem}.collage--full-width{display:grid;width:100vw;margin-left:calc(-50vw + 50%);gap:10px;padding:0 10px}.collage__item>*{width:100%}.collage-card-link{display:block;height:100%;text-decoration:none}@media screen and (max-width: 749px){.collage--full-width{grid-template-columns:1fr;gap:20px;padding:0 8px}.collage--mobile{grid-template-columns:1fr}}@media screen and (min-width: 750px){.collage--full-width{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:5px;padding:0 15px}.collage__item:first-child{grid-column:1 / 3;grid-row:1}.collage__item:nth-child(2){grid-column:1;grid-row:2}.collage__item:nth-child(3){grid-column:2;grid-row:2}.collage__item:nth-child(2) .ratio,.collage__item:nth-child(3) .ratio{--ratio-percent: 100% !important;aspect-ratio:1/1}}.collage-card{height:100%;position:relative;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));overflow:hidden}.collage-card .media{height:100%;width:100%;transition:transform .5s ease}.collage-card:hover .media{transform:scale(1.05)}.collage-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.collage-card-text{position:absolute;bottom:0;left:0;right:0;padding:1rem;color:#fff;z-index:1;mix-blend-mode:screen;display:flex;align-items:center;justify-content:center;text-align:center;height:20%}.collage-card-text.gradient-overlay{background:linear-gradient(to bottom,transparent 0%,rgba(30,30,30,.4) 99%,rgba(20,20,20,.8) 100%);mix-blend-mode:normal;height:20%;padding:1.5rem}.text-content{max-width:90%;margin:0 auto;line-height:1;width:100%}.text-content p{margin:.5em 0;text-align:center}.text-small .text-content{font-size:.9rem}.text-medium .text-content{font-size:1.1rem}.text-large .text-content{font-size:1.4rem}@media screen and (min-width: 750px){.text-small .text-content{font-size:1rem}.text-medium .text-content{font-size:1.2rem}.text-large .text-content{font-size:3.5rem}.collage-card-text.gradient-overlay{padding:1.5rem}.text-content{max-width:80%}}.collage__item .card__content{flex-grow:initial}.collage-card.product-card-wrapper{--border-radius: var(--product-card-corner-radius);--border-width: var(--product-card-border-width);--border-opacity: var(--product-card-border-opacity)}.modal-video__content{max-width:90vw;max-height:90vh}
/*# sourceMappingURL=/cdn/shop/t/59/assets/collage-custom.css.map */
