.animated-image-collage{position:relative;overflow:hidden;height:90vh}.animated-image-collage .animated-image-collage_box{flex-flow:column;height:90vh;display:flex;position:relative}.animated-image-collage .animated-image-collage_grid{z-index:1;flex-flow:column;flex:none;grid-template-rows:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;align-items:stretch;width:450vw;display:grid;position:relative;transform:none;max-height:90vh}@media screen and (min-width:750px){.animated-image-collage .animated-image-collage_grid{width:300vw}}.animated-image-collage .animated-image-collage_item:nth-child(1){grid-area:6/1/11/4}.animated-image-collage .animated-image-collage_item:nth-child(2){grid-area:1/1/4/3}.animated-image-collage .animated-image-collage_item:nth-child(3){grid-area:1/7/4/10}.animated-image-collage .animated-image-collage_item:nth-child(4){grid-area:8/8/11/11}.animated-image-collage .animated-image-collage_item:nth-child(5){grid-area:1/12/4/15}.animated-image-collage .animated-image-collage_item:nth-child(6){grid-area:7/16/11/19}.animated-image-collage .animated-image-collage_item:nth-child(7){grid-area:1/20/4/22}.animated-image-collage .animated-image-collage_item:nth-child(8){grid-area:8/23/11/26}.animated-image-collage .animated-image-collage__text{display:flex;flex-direction:column;justify-content:space-between;min-height:90vh;text-align:center}@media screen and (min-width:990px){.animated-image-collage .animated-image-collage__text{align-items:center}}.animated-image-collage .animated-image-collage__text .animated-image--btn{padding-bottom:2rem;margin:0 auto;z-index:2;mix-blend-mode:exclusion}@media screen and (min-width:750px){.animated-image-collage .animated-image-collage__text .animated-image--btn{padding-bottom:4rem}}@media screen and (min-width:1150px){.animated-image-collage .animated-image-collage__text .animated-image--btn{padding-bottom:8rem}}.animated-image-collage .animated-image-collage-content{width:100%;position:absolute;left:0;height:100%}.animated-image-collage .animated-image-collage__heading{max-width:1080px;mix-blend-mode:exclusion;z-index:3;position:absolute;top:50%;transform:translateY(-50%);left:50%;transform:translate(-50%,-50%)}.animated-image-collage .animated-image-collage__desc{max-width:52rem;margin-bottom:1.6rem}.animated-image-collage .animated-image-collage__desc p{margin:0}.animated-image-collage .animated-image-collage_block{grid-column-gap:9rem;grid-row-gap:9rem;width:100%;height:90vh;display:flex}.animated-image-collage .animated-image-collage_img{position:relative;width:100%;height:100%}.animated-image-collage .animated-image-collage_img img,.animated-image-collage .animated-image-collage_img svg,.animated-image-collage .animated-image-collage_img video{width:100%;height:100%;max-width:100%;position:absolute!important;object-fit:cover;object-position:center;top:0;border-radius:var(--border-radius)}@media screen and (min-width:750px){.animated-image-collage .animated-image-collage_grid{height:90vh;grid-template-rows:repeat(10,minmax(0,1fr))}.animated-image-collage .animated-image-collage_item{width:clamp(420px,52vw,1000px);height:42vh;min-width:0;align-self:start;justify-self:start}.animated-image-collage .animated-image-collage_item:nth-child(1),.animated-image-collage .animated-image-collage_item:nth-child(4),.animated-image-collage .animated-image-collage_item:nth-child(6),.animated-image-collage .animated-image-collage_item:nth-child(8){align-self:end}.animated-image-collage .animated-image-collage_img{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.animated-image-collage .animated-image-collage_img img,.animated-image-collage .animated-image-collage_img video,.animated-image-collage .animated-image-collage_img svg{position:relative!important;display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}}@media screen and (min-width:750px){.animated-image-collage,.animated-image-collage .animated-image-collage_box,.animated-image-collage .animated-image-collage_block{height:90vh}.animated-image-collage .animated-image-collage_grid{max-height:90vh}.animated-image-collage .animated-image-collage__text{min-height:90vh}}@media screen and (min-width:750px){.animated-image-collage>.container{width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box}.animated-image-collage .animated-image-collage__heading{top:50%;left:50%;transform:translate(-50%,-50%);margin:0;text-align:center;width:max-content;max-width:90%}}@media screen and (min-width:750px){.animated-image-collage .animated-image-collage__heading{width:7em;max-width:90%;text-wrap:balance}.animated-image-collage .animated-image-collage_item:nth-child(5),.animated-image-collage .animated-image-collage_item:nth-child(6),.animated-image-collage .animated-image-collage_item:nth-child(7){height:52vh}}@media screen and (min-width:750px){.animated-image-collage .animated-image-collage_item:nth-child(1),.animated-image-collage .animated-image-collage_item:nth-child(2){height:52vh}}@media screen and (min-width:750px){.animated-image-collage .animated-image-collage_grid{grid-template-columns:repeat(8,calc(64vh + 56px));grid-template-rows:1fr;width:max-content;height:90vh;max-height:90vh}.animated-image-collage .animated-image-collage_item:nth-child(n){grid-row:1;height:64vh;width:64vh;align-self:start;justify-self:start}.animated-image-collage .animated-image-collage_item:nth-child(1){grid-column:2;align-self:end}.animated-image-collage .animated-image-collage_item:nth-child(2){grid-column:1}.animated-image-collage .animated-image-collage_item:nth-child(3){grid-column:3}.animated-image-collage .animated-image-collage_item:nth-child(4){grid-column:4;align-self:end}.animated-image-collage .animated-image-collage_item:nth-child(5){grid-column:5}.animated-image-collage .animated-image-collage_item:nth-child(6){grid-column:6;align-self:end}.animated-image-collage .animated-image-collage_item:nth-child(7){grid-column:7}.animated-image-collage .animated-image-collage_item:nth-child(8){grid-column:8;align-self:end}.animated-image-collage .animated-image-collage_img{justify-content:center}.animated-image-collage .animated-image-collage_img img,.animated-image-collage .animated-image-collage_img video{width:auto;height:100%;max-width:100%;object-fit:contain}}@media screen and (max-width:749px){.animated-image-collage,.animated-image-collage .animated-image-collage_box,.animated-image-collage .animated-image-collage_block{height:86svh}.animated-image-collage>.container{width:100%;max-width:100%;padding-inline:16px;box-sizing:border-box}.animated-image-collage .animated-image-collage__text{min-height:86svh}.animated-image-collage .animated-image-collage_grid{display:grid;grid-template-columns:repeat(8,calc(82vw + 24px));grid-template-rows:1fr;width:max-content;height:86svh;max-height:86svh}.animated-image-collage .animated-image-collage_item:nth-child(n){grid-row:1;width:82vw;height:82vw;max-height:58svh;min-width:0;align-self:start;justify-self:start}.animated-image-collage .animated-image-collage_item:nth-child(1){grid-column:2;align-self:end}.animated-image-collage .animated-image-collage_item:nth-child(2){grid-column:1}.animated-image-collage .animated-image-collage_item:nth-child(3){grid-column:3}.animated-image-collage .animated-image-collage_item:nth-child(4){grid-column:4;align-self:end}.animated-image-collage .animated-image-collage_item:nth-child(5){grid-column:5}.animated-image-collage .animated-image-collage_item:nth-child(6){grid-column:6;align-self:end}.animated-image-collage .animated-image-collage_item:nth-child(7){grid-column:7}.animated-image-collage .animated-image-collage_item:nth-child(8){grid-column:8;align-self:end}.animated-image-collage .animated-image-collage_img{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.animated-image-collage .animated-image-collage_img img,.animated-image-collage .animated-image-collage_img video,.animated-image-collage .animated-image-collage_img svg{position:relative!important;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}.animated-image-collage .animated-image-collage__heading{width:7em;max-width:95%;font-size:clamp(36px,10.5vw,72px);line-height:1.15;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;text-align:center;text-wrap:balance}.animated-image-collage .animated-image--btn{max-width:100%;padding-inline:12px;padding-bottom:20px;box-sizing:border-box}.animated-image-collage .animated-image-collage__desc{max-width:32rem;margin-bottom:12px}.animated-image-collage .animated-image-collage__desc h6{font-size:11px;line-height:1.4}}@media screen and (max-width:749px){.animated-image-collage{--mobile-hero-height:calc(100svh - var(--header-height,46px));padding-block:0!important;height:var(--mobile-hero-height)}.animated-image-collage .animated-image-collage_box,.animated-image-collage .animated-image-collage_block,.animated-image-collage .animated-image-collage_grid{height:var(--mobile-hero-height)}.animated-image-collage .animated-image-collage_grid{max-height:var(--mobile-hero-height)}.animated-image-collage .animated-image-collage__text{min-height:var(--mobile-hero-height)}}@media screen and (min-width:990px){.animated-image-collage{height:max(90vh,calc(100vh - var(--header-height,0px) - var(--announcement-height,0px)));height:max(90vh,calc(100dvh - var(--header-height,0px) - var(--announcement-height,0px)))}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/animated-image-collage.css.map */