.collage{display:grid;gap:30px;width:100%}@media screen and (min-width: 1200px){.collage--mobile{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.collage--mobile.style_2{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.collage--mobile.style_3{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}}.collage:not(.dt-sc-column).collage--mobile.style_3 .collage-card:only-child{grid-column:1/6}.collage .image-block-heading{display:flex;flex-wrap:wrap;z-index:1}.collage .image-block-heading.vertical_top{align-content:flex-start}.collage .image-block-heading.vertical_middle{align-content:center}.collage .image-block-heading.vertical_bottom{align-content:flex-end}.collage .image-block-heading>*{width:100%;margin:0}.collage .image-block-heading .image-block-sub-heading{font-family:var(--font-additional-family);line-height:50px}.collage .image-block-heading .image-block-main-heading{font-family:var(--font-body-family)}.collage .image-block-heading>.image-block-link{width:auto;margin-top:1rem;color:currentcolor;position:relative}.collage .image-block-heading>.image-block-link:before{content:"";position:absolute;bottom:-10px;height:2px;background:currentcolor;width:0;opacity:0;transition:linear var(--duration-default)}.collage .collage-card:hover .image-block-heading>.image-block-link:before{width:30px;opacity:1}.collage .collage-card:hover .image-block-heading>.image-block-link:hover:before{width:50px}.collage .image-block-heading>*:last-child,.collage .image-block-heading>.image-block-link:last-child{margin-bottom:0}.collage-card{position:relative}.collage-card:only-child{grid-column:1;width:100%}.dt-sc-column .collage-card,.dt-sc-column .collage-card>*{min-height:40rem}@media screen and (min-width: 1200px){.collage-card--left:not(:only-child),.collage-card--right:not(:only-child){min-height:40rem}.collage:not(.dt-sc-column) .collage-card--left+.card-wrapper:last-child,.collage:not(.dt-sc-column) .collage-card:nth-last-child(2):first-child:not(.collage-card--left),.collage:not(.dt-sc-column).collage--right .collage-card--right+.collage-card:nth-child(2):last-child{grid-row:1/3}.collage:not(.dt-sc-column) .collage-card--left{grid-row:1/3;grid-column:1/3}.collage:not(.dt-sc-column) .collage-card--right{grid-column:2/4;grid-row:1/3}.collage:not(.dt-sc-column) .collage-card:only-child{grid-column:1/4;max-width:100%}.collage:not(.dt-sc-column) .collage-card--right:nth-child(4):last-child{grid-column:3/4}.collage:not(.dt-sc-column) .collage-card--left+.collage-card:nth-child(3):nth-last-child(2),.collage:not(.dt-sc-column).collage--right .collage-card:nth-child(3):nth-last-child(2),.collage:not(.dt-sc-column).collage--right .collage-card:nth-child(4):nth-last-child(2){grid-column:1/3}.collage-card:not(.collage-card--left,.collage-card--right)>*{position:absolute;width:100%;height:100%}.collage:not(.dt-sc-column) .collage-card--right:nth-child(5):last-child{grid-column:3/4}.collage:not(.dt-sc-column) .collage-card--left:nth-last-child(4):first-child{grid-column:1/2}.collage:not(.dt-sc-column) .collage-card--left+.collage-card:nth-child(3):nth-last-child(2){grid-column:3/3}.collage:not(.dt-sc-column) .collage-card--left~.collage-card:nth-child(4):last-child{grid-column:2/4}.collage:not(.dt-sc-column) .collage-card--left:nth-last-child(5):first-child{grid-column:1/2}.collage:not(.dt-sc-column) .collage-card:nth-child(4):nth-last-child(2),.collage:not(.dt-sc-column).collage--right .collage-card+.collage-card+.collage-card+.collage-card:nth-child(4):nth-last-child(2){grid-column:2/3}.collage:not(.dt-sc-column) .collage-card--left+.collage-card:last-child:nth-child(2){grid-row:1/3}.collage:not(.dt-sc-column).style_2 .collage-card:only-child{grid-column:1/5}.collage:not(.dt-sc-column).style_2 .collage-card--left{grid-row:1/3}.collage:not(.dt-sc-column).style_2 .collage-card--left:only-child{grid-column:1/5}.collage:not(.dt-sc-column).style_2 .collage-card--left:nth-last-child(5):first-child{grid-column:1/3}.collage:not(.dt-sc-column).style_2 .collage-card--left+.collage-card:last-child:nth-child(2){grid-row:1/3;grid-column:3/5}.collage:not(.dt-sc-column).style_2 .collage-card--left+.collage-card+.collage-card:last-child,.collage:not(.dt-sc-column).style_2 .collage-card--left+.collage-card:nth-last-child(2):nth-child(2){grid-row:1/3}.collage:not(.dt-sc-column).style_2 .collage-card--left:nth-last-child(4):first-child{grid-column:1/3}.collage:not(.dt-sc-column).style_2 .collage-card--left~.collage-card:nth-child(4):last-child{grid-column:3/5}.collage:not(.dt-sc-column).style_2 .collage-card:nth-child(4):nth-last-child(2){grid-column:3/3}.collage:not(.dt-sc-column).style_2 .collage-card:nth-last-child(2):first-child:not(.collage-card--left){grid-column:1/3}.collage:not(.dt-sc-column).style_2 .collage-card--right:nth-child(2):last-child{grid-column:3/5}.collage:not(.dt-sc-column).style_2 .collage-card:nth-last-child(2):first-child:not(.collage-card--left),.collage:not(.dt-sc-column).style_2 .collage-card:nth-last-child(3):first-child:not(.collage-card--left),.collage:not(.dt-sc-column).style_2 .collage-card:nth-child(2):nth-last-child(2){grid-row:1/3}.collage:not(.dt-sc-column).style_2 .collage-card--right:nth-child(3):last-child,.collage:not(.dt-sc-column).style_2 .collage-card--right:nth-child(4):last-child,.collage:not(.dt-sc-column).style_2 .collage-card--right:nth-child(5):last-child{grid-column:3/5}.collage:not(.dt-sc-column).style_3 .collage-card--left:nth-last-child(5):first-child{grid-column:1/3;grid-row:1/2}.collage:not(.dt-sc-column).style_3 .collage-card:nth-child(4):nth-last-child(2),.collage:not(.dt-sc-column).style_3.collage--right .collage-card+.collage-card+.collage-card+.collage-card:nth-child(4):nth-last-child(2){grid-column:1;grid-row:2}.collage:not(.dt-sc-column).style_3 .collage-card:nth-last-child(5):first-child:not(.collage-card--left){grid-column:1/4}.collage:not(.dt-sc-column).style_3 .collage-card--right:nth-child(5):last-child{grid-column:4/6}.collage:not(.dt-sc-column).style_3 .collage-card:not(.collage-card--left)~.collage-card:nth-child(3){grid-row:2/3;grid-column:3}.collage:not(.dt-sc-column).style_3 .collage-card:not(.collage-card--left)+.collage-card:nth-child(2){grid-column:2}.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left:nth-last-child(5):first-child{grid-column:1/3;grid-row:1/3}.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left~.collage-card:nth-child(5):last-child{grid-column:3/6;grid-row:1}.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left~.collage-card:nth-child(4):nth-last-child(2){grid-column:5}.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left:nth-last-child(4):first-child{grid-column:1/3}.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left~.collage-card:nth-child(4):last-child{grid-column:5;grid-row:1/3}.collage:not(.dt-sc-column).style_3.collage--left .collage-card.collage-card--left+.collage-card:nth-child(2):nth-last-child(3){grid-column:3/5}.collage:not(.dt-sc-column).style_3.collage--left .collage-card.collage-card--left~.collage-card:nth-child(3):nth-last-child(2){grid-row:2/3;grid-column:3/5}.collage:not(.dt-sc-column).style_3.collage--right .collage-card:nth-last-child(4):first-child{grid-row:1/3}.collage:not(.dt-sc-column).style_3.collage--right .collage-card:not(.collage-card--left)+.collage-card:nth-child(2):nth-last-child(3){grid-column:2/4;grid-row:1/2}.collage:not(.dt-sc-column).style_3.collage--right .collage-card:not(.collage-card--left)~.collage-card:nth-child(3):nth-last-child(2){grid-row:2/3;grid-column:2/4}.collage:not(.dt-sc-column).style_3.collage--right .collage-card--right:nth-child(4):last-child{grid-column:4/6}.collage:not(.dt-sc-column).style_3.collage--right .collage-card:nth-last-child(3):first-child,.collage:not(.dt-sc-column).style_3.collage--right .collage-card+.collage-card:nth-child(2):nth-last-child(2),.collage:not(.dt-sc-column).style_3.collage--right .collage-card:nth-child(3):last-child{grid-row:1/3}.collage:not(.dt-sc-column).style_3.collage--right .collage-card--right:nth-child(3):last-child,.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left:nth-last-child(3):first-child{grid-column:2/5}.collage:not(.dt-sc-column).style_3.collage--right .collage-card+.collage-card:nth-child(2):nth-last-child(2){grid-column:5}.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left:first-child:nth-last-child(3),.collage:not(.dt-sc-column).style_3.collage--left .collage-card--left+.collage-card:nth-last-child(2):nth-child(2){grid-row:1/3}.collage:not(.dt-sc-column).style_3 .collage-card.collage-card--left~.collage-card:nth-child(3):last-child{grid-row:1/3;grid-column:5}.collage:not(.dt-sc-column).style_3 .collage-card--left:first-child:nth-last-child(2){grid-column:1/4}.collage:not(.dt-sc-column).style_3 .collage-card--left+.collage-card:last-child:nth-child(2){grid-column:4/6}.collage:not(.dt-sc-column).style_3 .collage-card:nth-last-child(2):first-child:not(.collage-card--left){grid-column:1/3}.collage:not(.dt-sc-column).style_3 .collage-card:not(.collage-card--left)+.collage-card:nth-child(2):last-child{grid-column:3/6}}.collage-card .card,.collage-card:not(:only-child) .deferred-media{height:100%}.collage-content.deferred-media__poster:focus{outline-offset:.3rem}.collage-video.collage-card--left .collage-content,.collage-video.collage-card--right .collage-content{position:absolute}.collage-video noscript .collage-content{width:100%}@media screen and (min-width: 750px){.collage-video .collage-content{position:absolute}}@media screen and (max-width: 1199px){.collage--mobile{grid-template-rows:repeat(1,1fr)}.collage--mobile .collage-card{max-height:400px}.collage-card:only-child{grid-column:1/3}.collage:not(.dt-sc-column):not(.style_2) .collage-card:nth-child(4):nth-last-child(2),.collage:not(.dt-sc-column).collage--right:not(.style_2) .collage-card+.collage-card+.collage-card+.collage-card:nth-child(4):nth-last-child(2){grid-column:1/2}.collage--mobile .collage-card:not(.collage-card--left,.collage-card--right) .collage-card__image-wrapper{padding-bottom:400px}}@media screen and (min-width: 768px) and (max-width: 1199px){.collage.three-column .image-block-heading,.collage.four-column .image-block-heading{padding:3rem 2rem}.collage .image-block-heading .image-block-main-heading{font-size:calc(.35 * var(--heading_font_size))}.collage .image-block-heading .image-block-sub-heading{font-size:calc(.5 * var(--heading_font_size))}.collage.dt-sc-column.three-column{grid-template-columns:repeat(2,1fr)}.collage.dt-sc-column.three-column .collage-card:last-child{grid-column-start:1;grid-column-end:3;width:50%;margin:auto}}.collage .image-block-heading{padding:5rem 4rem;word-break:break-word}.collage .image-block-heading:before{content:"";position:absolute;top:1em;right:1em;bottom:1em;left:1em;opacity:.5;z-index:-1}@media screen and (min-width: 991px) and (max-width: 1199px){.collage--mobile .collage-card.collage-card--left:first-child:nth-last-child(2){grid-column:1/3}.collage--mobile .collage-card.collage-card--left:first-child:nth-last-child(4){grid-row:1/3}.collage .image-block-heading{word-break:inherit}.collage .image-block-heading .image-block-main-heading{text-overflow:ellipsis;overflow:hidden}}@media screen and (max-width: 749px){.collage-card--left .deferred-media--placeholder,.collage-card--right .deferred-media--placeholder,.collage-video-placeholder{padding-bottom:25rem}.collage,.collage--mobile{grid-template-columns:1fr}.collage.dt-sc-column.three-column{grid-template-columns:repeat(1,1fr)}}.collage-card iframe{width:100%;height:100%;position:absolute;background-color:var(--color-foreground-3);border:0}.collage-card .card:hover{box-shadow:none}.collage-content,.collage-content.card,.collage-content.media,.collage-card__no-image{display:flex;flex-direction:column;height:100%}.collage-content{justify-content:center;overflow:hidden}.collage-content h3{margin:0;word-break:break-word}.collage-card.collage-product:only-child{max-width:73rem;justify-self:center}.collage-product .collage-card__no-image{flex:1;justify-content:center;align-items:center;overflow:hidden}.collage-card__description{overflow:hidden}.card .icon-wrap.collage-card__arrow{display:none}.collage-card--left:not(.collage-product) .media>.collage-card__image,.collage-card--right:not(.collage-product) .media>.collage-card__image{position:inherit}@media screen and (max-width: 749px){.collage:not(.collage--mobile) .collage-card__no-image{min-height:25rem}.collage-card__no-image.card__text-spacing{padding:2rem}.collage-card--left .collage-card__no-image h3,.collage-card--right .collage-card__no-image h3{font-size:3rem}.collage-card:not(.collage-card--left,.collage-card--right) .collage-card__description{display:none}.collage-card:not(.collage-card--left,.collage-card--right) .collage-card__arrow{display:inline-block}}.collage-card--left .collage-card__no-image,.collage-card--right .collage-card__no-image,.collage-card--left .placeholder-svg,.collage-card--right .placeholder-svg{min-height:25rem}@media screen and (min-width: 750px){.collage-card--left .collage-card__no-image,.collage-card--right .collage-card__no-image,.collage-card--left .placeholder-svg,.collage-card--right .placeholder-svg{min-height:40rem}.collage-card__no-image h3{font-size:3rem}}.collage-card__image-wrapper{flex:1}.collage-card__image-wrapper.media--hover-effect img{will-change:transform}.collage-card__image-wrapper>*{width:100%;height:100%}@media screen and (max-width: 749px){.collage--mobile .collage-card:not(.collage-card--left,.collage-card--right) .collage-card__image-wrapper{padding-bottom:100%}.collage:not(.collage--mobile) .media>.collage-card__image{position:absolute}.collage:not(.collage--mobile) .collage-product.collage-card--left .collage-card__image,.collage:not(.collage--mobile) .collage-product.collage-card--right .collage-card__image{position:absolute}.collage-card:not(.collage-card--left,.collage-card--right) .collage-card-spacing .collage-card__image-wrapper,.collage-card:not(.collage-card--left,.collage-card--right) .collage-card-spacing.collage-card__image-wrapper{flex:0 auto}.collage--mobile .collage-card--left+.collage-card:last-child .collage-card__image-wrapper,.collage--mobile.collage--right .collage-card:first-child:nth-last-child(2) .collage-card__image-wrapper{flex:1}.collage--mobile .collage-card--left+.collage-card:last-child .collage-card-spacing .collage-card__image,.collage--mobile.collage--right .collage-card:first-child:nth-last-child(2) .collage-card-spacing .collage-card__image{object-fit:contain;position:absolute;height:100%}.collage-card:not(.collage-card--left,.collage-card--right) .collage-card-spacing .collage-card__image{position:inherit;height:auto}}@media screen and (min-width: 750px){.collage-card--left+.collage-card:last-child .collage-card-spacing .collage-card__image-wrapper,.collage--right .collage-card:first-child:nth-last-child(2) .collage-card-spacing .collage-card__image-wrapper{padding-bottom:100%;flex:0 0 auto}}.collage-card-spacing:not(.collage-card__image-wrapper),.collage-card-spacing>img{padding:2rem}@media screen and (max-width: 576px){.collage .image-block-heading{padding:4rem 3rem}}.collage.collage-card-spacing .image-block-heading{padding:6rem}.collage-card-spacing iframe,.collage-video.collage-card--left .collage-card-spacing .collage-content,.collage-video.collage-card--right .collage-card-spacing .collage-content{width:calc(100% - 4rem);height:calc(100% - 4rem)}.collage-card-spacing .card__text-spacing{padding:0}.collage-card-spacing .collage-content__info{margin:1.5rem 0 0}@media screen and (min-width: 750px){.collage-card-spacing:not(.collage-card__image-wrapper),.collage-card-spacing>img{padding:3rem}.collage-card-spacing iframe,.collage-video.collage-card--left .collage-card-spacing .collage-content,.collage-video.collage-card--right .collage-card-spacing .collage-content{width:calc(100% - 6rem);height:calc(100% - 6rem)}.collage-card-spacing .collage-content__info{margin:1.8rem 0 0}.collage-card:not(.collage-card--left,.collage-card--right) .collage-card-spacing img{object-fit:cover}}.collage-product__badge{position:relative}.collage-content__info{margin:1.5rem 2rem}@media screen and (min-width: 750px){.collage-content__info{margin:2rem 3.5rem}}.collage-video__modal.collage-video__modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-base-text-rgb),.85);height:100%;transition:all linear .3s}.collage-video__modal[open].collage-video__modal[open]{opacity:1;visibility:visible;z-index:101}.collage-video__modal-content{background-color:var(--color-base-background-1);overflow:auto;height:100%;margin:0;width:100%;position:absolute;padding:0}.collage-video__modal-toggle{background-color:var(--color-background);border:.1rem solid var(--color-foreground-10);color:var(--color-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;padding:1.2rem;z-index:2;top:2rem;right:.5rem;width:4rem;margin:0 0 0 auto}@media screen and (min-width: 750px){.collage-video__modal-toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width: 990px){.collage-video__modal-toggle{right:4.3rem;top:3rem}}.collage-video__modal-toggle .icon{height:auto;margin:0;width:2.2rem}.collage-video__modal-video{width:calc(75% - 1rem);height:calc(100% - 6rem);margin:0 auto;padding-top:8rem}@media screen and (min-width: 750px){.collage-video__modal-video{width:calc(75% - 9.6rem);height:calc(100% - 7.5rem);padding-top:9.5rem}}@media screen and (min-width: 990px){.collage-video__modal-video{width:calc(75% - 8.6rem);height:calc(100% - 7rem);padding-top:9rem}}.collage-video__modal-video iframe{width:100%;height:100%;position:static}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collage.css.map */