.collage-wrapper-title{margin-top:0;margin-bottom:3rem}.collage{display:grid}.collage-card-heading{font-size:40px;position:absolute!important;bottom:28px;top:unset!important;left:35px!important;height:fit-content!important;width:fit-content!important}@media screen and (max-width:1280px){.collage-card-heading{font-size:30px!important;left:20px!important;bottom:18px}}.media>button.btn.collage-coming-soon{position:absolute;top:15px;right:15px;left:unset;width:fit-content;height:fit-content;border:none;color:#fff;background:#3d5c57;border-radius:5px;padding:8px 10px;cursor:auto;font-size:12px!important}*:focus{box-shadow:none!important}.collage-image-card-link img{transition:all .4s ease-in-out}.collage-image-card-link:hover img{transform:scale(1.1)}.collage__item>*{width:100%}.collage__item .card__content{flex-grow:initial}@media screen and (max-width:1178px){.collage{grid-column-gap:0;grid-row-gap:0}.collage--mobile{grid-template-columns:50% 50%}.collage__item{max-height:200px}.collage__item:first-of-type{grid-column:1 / span 2}}@media screen and (max-width:749px){.collage{grid-column-gap:0;grid-row-gap:0}.collage--mobile{grid-template-columns:auto}.collage__item{max-height:250px}}@media screen and (min-width:1179px){.collage{grid-auto-flow:column;grid-column-gap:0;grid-row-gap:0;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:274px 274px}.collage__item--left:nth-child(5n-4),.collage__item--left:nth-child(5n-3){grid-column:1 / span 1;grid-row:span 2}.collage__item--left:nth-child(5n-3){grid-column-start:2}.collage__item--left:nth-child(5n-4):last-child{grid-column:1 / span 1;grid-row:span 2;grid-column-start:4}.collage__item--left:nth-child(5n){grid-column:1 / span 1;grid-row:span 2;grid-column-start:4}.collage__item--left:nth-child(5n-1),.collage__item--left:nth-child(5n-2){grid-column-start:3}.collage__item--left:nth-child(5n-1):last-child{grid-row:span 2}.collage__item--collection:only-child,.collage__item--product:only-child{justify-self:center;max-width:73rem;width:100%}}.collage-card{background:rgb(var(--color-background));border-radius:var(--card-corner-radius);border:var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));height:100%;padding:var(--card-image-padding);position:relative}.collage-card:after{border-radius:var(--card-corner-radius);box-shadow:var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow),var(--card-shadow-opacity));content:"";position:absolute;width:calc(var(--card-border-width) * 2 + 100%);height:calc(var(--card-border-width) * 2 + 100%);top:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);z-index:-1}.collage-card .media{border-radius:calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));height:100%;overflow:hidden}.collage-card .media a img{height:100%;width:100%;object-fit:cover}.collage-card .media:before,.collage-card .media a:before{content:"";width:100%;height:100%;background:#000;background:linear-gradient(180deg,#0000,#0006)!important;display:block;position:absolute;top:0;left:0;z-index:1}.collage-card .media h2,.collage-card a{z-index:2}.collage-card .deferred-media{height:100%;overflow:visible}.collage-card__link{display:block;height:100%}.collage-card .deferred-media__poster{background-color:transparent;border:0}.collage-card .deferred-media__poster:after{content:"";position:absolute;z-index:1;bottom:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);right:calc(var(--card-border-width) * -1);top:calc(var(--card-border-width) * -1);outline-offset:.3rem}.collage-card .deferred-media__poster:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.collage-card .deferred-media__poster:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.collage-card .deferred-media__poster:focus:not(:focus-visible),.collage-card .deferred-media__poster:focus:not(:focus-visible):after{outline:none;box-shadow:none}.collage-card .deferred-media__poster:focus{outline:none;box-shadow:none}.collage .collage-card-spacing img{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collage.css.map */
