.collage{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.collage-text{position:absolute;width:100%;padding:0 2rem;display:flex;flex-direction:column;gap:1rem}.collage p,.collage h1,.collage .h1,.collage h2,.collage .h2,.collage h3,.collage .h3,.collage h4,.collage .h5,.collage h6,.collage .h6,.collage .heading{margin:0!important}.collage .image-placeholder{padding-bottom:130%}.collage .placeholder-svg{position:absolute;top:0;object-fit:cover;width:100%;height:100%}.collage img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.collage-item-1{grid-column:1;grid-row:1 / 3}.collage-item-2{grid-column:2;grid-row:1}.collage-item-3{grid-column:3;grid-row:1}.collage-item-4{grid-column:2 / 4;grid-row:2}.collage-grid-3 .collage-item-2{grid-column:2 / 4;grid-row:1}.collage-grid-3 .collage-item-3{grid-column:2 / 4;grid-row:2}@media (max-width: 768px){.collage,.collage-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:10fr 5fr auto}.collage-item-1{grid-column:1 / 3;grid-row:1}.collage-item-2{grid-column:1;grid-row:2}.collage-item-3{grid-column:2;grid-row:2}.collage-item-4{grid-column:1 / 3;grid-row:3}.collage-grid-3 .collage-item-2{grid-column:1 / 2;grid-row:2}.collage-grid-3 .collage-item-3{grid-column:2 / 4;grid-row:2}.collage .content-text{font-size:90%!important}}.collage__media{position:relative;width:100%;height:100%}.collage__video,.collage__media iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.collage__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.collage-text .video-banner__controls{display:flex;gap:1rem;z-index:2}.collage-text .button--play,.collage-text .button--sound{background:#ffffffe6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.collage-text .button--play:hover,.collage-text .button--sound:hover{background:#fff}.collage-text .button-icon{display:flex;align-items:center;justify-content:center}.collage-text .icon-hidden,.collage-text .button--play.active .button-icon-play{display:none}.collage-text .button--play.active .button-icon-pause{display:flex}.collage-text .button--play:not(.active) .button-icon-pause{display:none}.collage-text .button--play:not(.active) .button-icon-play{display:flex}.not-pointer-events{pointer-events:none}.not-pointer-events>*{pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collage.css.map */