.scroll-collage-wrapper{background:#000;color:#fff;overflow:hidden;width:100%;position:relative;max-width:100vw;box-sizing:border-box}.scroll-collage-wrapper *,.scroll-collage-wrapper *:before,.scroll-collage-wrapper *:after{box-sizing:border-box}.collage-section{height:100vh;position:relative;overflow:hidden;width:100%;max-width:100vw;isolation:isolate;background:#000}.collage-viewport{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#000;overflow:hidden!important;width:auto;height:auto}.collage-grid{position:absolute;top:50%;left:50%;transform-origin:center center;width:100%;height:100%;margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.grid-cell{position:relative;overflow:hidden;background:#000;width:100%;height:100%;border-radius:.75rem}.grid-cell img,.grid-cell video,.grid-cell svg{width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);border-radius:inherit}.video-embed-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.cell-iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:none;pointer-events:none}.placeholder-svg{background:#1a1a1a;width:100%;height:100%;display:block;border-radius:inherit}.cell-1{grid-column:1 / 3;grid-row:1 / 2}.cell-2{grid-column:3 / 4;grid-row:1 / 3}.cell-3{grid-column:1 / 2;grid-row:2 / 4}.cell-center{grid-column:2 / 3;grid-row:2 / 3;z-index:10}.cell-4{grid-column:3 / 4;grid-row:3 / 4}.cell-5{grid-column:2 / 4;grid-row:3 / 4}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;pointer-events:none;width:70%;max-width:500px;overflow-wrap:break-word;word-wrap:break-word}.text-overlay h1{font-size:clamp(1.125rem,4vw,2rem);font-weight:500;letter-spacing:-.01em;line-height:1.3;text-shadow:0 2px 15px rgba(0,0,0,.8);margin:0;color:#fff;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-width:767px){.collage-viewport{top:2px;right:2px;bottom:2px;left:2px}.collage-grid{width:calc(100% + 4px);height:calc(100% + 4px);margin:-2px;gap:2px}.grid-cell{border-radius:.5rem}.text-overlay{width:85%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scroll-collage.css.map */