.cn-about-collage-grid.cn-about-collage-grid.gradient{background:var(--cn-about-collage-grid-section-bg, var(--sn-sand))}.cn-about-collage-grid{position:relative;overflow:hidden}.cn-about-collage-grid__inner{position:relative;z-index:1;width:100%}.cn-about-collage-grid__content{max-width:100%}.cn-about-collage-grid__heading{margin:0 0 3.6rem}.cn-about-collage-grid__text{margin:0 0 2rem;color:var(--sn-hazel)}.cn-about-collage-grid__link{text-decoration:none;color:var(--pm-green-grass)}.cn-about-collage-grid__placeholder{fill:var(--sn-hazel-light);background:var(--sn-concrete);padding:2rem;box-sizing:border-box}.cn-about-collage-grid__collage{display:none}@media(min-width:990px){.cn-about-collage-grid{overflow-x:clip;overflow-y:visible}.cn-about-collage-grid__content{max-width:45%}.cn-about-collage-grid__collage{position:absolute;top:calc(-1 * var(--cn-about-collage-grid-bleed, 10rem));right:0;bottom:calc(-1 * var(--cn-about-collage-grid-bleed, 10rem));z-index:2;display:flex;align-items:center;justify-content:flex-end;width:50%;padding-right:20px;box-sizing:border-box;container-type:size}.cn-about-collage-grid__desktop{display:grid;grid-template-columns:repeat(38,minmax(0,1fr));grid-template-rows:repeat(42,minmax(0,1fr));width:min(100cqw,calc(100cqh * 38 / 42));aspect-ratio:38 / 42}.cn-about-collage-grid__tile{position:relative;min-width:0;min-height:0;margin:0;outline:none}.cn-about-collage-grid__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1.6rem}.cn-about-collage-grid__caption{position:absolute;left:0;right:0;bottom:0;max-height:100%;overflow:hidden;box-sizing:border-box;margin:0;padding:.6rem 1rem;font-family:var(--font-body-family);font-size:1.4rem;line-height:1.8rem;text-align:center;color:var(--black);background:var(--sn-concrete);border-radius:0 0 13px 13px;opacity:0;pointer-events:none}.cn-about-collage-grid__tile:hover .cn-about-collage-grid__caption,.cn-about-collage-grid__tile:focus .cn-about-collage-grid__caption,.cn-about-collage-grid__tile:focus-within .cn-about-collage-grid__caption{opacity:1}.cn-about-collage-grid__tile--1{grid-column:28 / 39;grid-row:1 / 15}.cn-about-collage-grid__tile--2{grid-column:20 / 27;grid-row:8 / 15}.cn-about-collage-grid__tile--3{grid-column:5 / 19;grid-row:10 / 21}.cn-about-collage-grid__tile--4{grid-column:20 / 39;grid-row:16 / 27}.cn-about-collage-grid__tile--5{grid-column:1 / 12;grid-row:22 / 33}.cn-about-collage-grid__tile--6{grid-column:12 / 20;grid-row:22 / 27;justify-self:center;width:62.5%}.cn-about-collage-grid__tile--7{grid-column:13 / 27;grid-row:28 / 39}.cn-about-collage-grid__tile--8{grid-column:28 / 39;grid-row:28 / 43}.cn-about-collage-grid__tile--9{grid-column:7 / 12;grid-row:34 / 39}}@media(min-width:990px)and (prefers-reduced-motion:no-preference){.cn-about-collage-grid.is-drift-ready .cn-about-collage-grid__desktop{transform:translate3d(0,var(--cn-about-collage-grid-shift, 0px),0);will-change:transform}}@media(min-width:990px)and (prefers-reduced-motion:no-preference){.cn-about-collage-grid.is-motion-ready .cn-about-collage-grid__tile{opacity:0;transform:translate3d(0,1.6rem,0);transition:opacity .8s ease,transform .8s ease;transition-delay:calc(var(--i, 0) * .18s)}.cn-about-collage-grid.is-motion-ready.is-visible .cn-about-collage-grid__tile{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-cn-about-collage-grid.css.map */