.mc-scroll-collage{height:340vh;position:relative}.mc-scroll-collage__pin{background:var(--mc-color-white);height:100vh;position:sticky;top:0;overflow:hidden}.mc-scroll-collage__main{background:var(--mc-bg-surface);will-change:width, height;z-index:3;width:100%;height:100%;box-shadow:var(--mc-shadow-xl);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.mc-scroll-collage__main img,.mc-scroll-collage__tile img{object-fit:cover;width:100%;height:100%;display:block}.mc-scroll-collage__tiles{z-index:2;position:absolute;inset:0}.mc-scroll-collage__tile{border-radius:var(--mc-radius-lg);background:var(--mc-bg-surface);opacity:0;will-change:opacity, transform;position:absolute;overflow:hidden}.mc-scroll-collage__end{z-index:6;text-align:center;width:min(840px,84vw);color:var(--mc-text-primary);opacity:0;will-change:opacity, transform;pointer-events:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-scroll-collage--static{height:auto}.mc-scroll-collage--static .mc-scroll-collage__pin{gap:var(--mc-space-48);height:auto;padding:var(--mc-space-80) var(--mc-space-24);display:grid;position:relative}.mc-scroll-collage--static .mc-scroll-collage__tiles{gap:var(--mc-space-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:static}.mc-scroll-collage--static .mc-scroll-collage__tile,.mc-scroll-collage--static .mc-scroll-collage__main{aspect-ratio:1;opacity:1;border-radius:var(--mc-radius-lg);width:auto;height:auto;box-shadow:none;position:relative;inset:auto;transform:none}.mc-scroll-collage--static .mc-scroll-collage__end{opacity:1;justify-self:center;position:static;transform:none}@media screen and (width<=767px){.mc-scroll-collage--static .mc-scroll-collage__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}