.collage-grid-wrapper{background-color:var(--bg-color)}.collage-grid{padding:48px 0}.collage-grid__heading{margin:0 0 24px;font-size:26px;font-weight:500;text-align:center}.collage-grid__grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.collage-grid__item{position:relative;display:block;overflow:hidden;background:#f2f0eb;text-decoration:none;color:inherit;border-radius:20px}.collage-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.collage-grid__image--placeholder{background:#e5e2dd}.collage-grid__item:hover .collage-grid__image{transform:scale(1.03)}.collage-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:20px;background:#0000;opacity:0;transition:opacity .3s ease,background .3s ease}.collage-grid__item:hover .collage-grid__overlay,.collage-grid__item:focus-visible .collage-grid__overlay{opacity:1;background:#00000073}.collage-grid__title{color:#fff;font-size:20px;font-weight:600;transform:translateY(6px);transition:transform .3s ease}.collage-grid__link{color:#fff;font-size:12px;letter-spacing:.05em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;transform:translateY(6px);transition:transform .3s ease .03s}.collage-grid__item:hover .collage-grid__title,.collage-grid__item:hover .collage-grid__link,.collage-grid__item:focus-visible .collage-grid__title,.collage-grid__item:focus-visible .collage-grid__link{transform:translateY(0)}@media screen and (min-width:750px){.collage-grid__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:var(--height-desktop)}.collage-grid__item--1{grid-column:1;grid-row:1 / 3}.collage-grid__item--2{grid-column:2;grid-row:1}.collage-grid__item--3{grid-column:3;grid-row:1}.collage-grid__item--4{grid-column:2;grid-row:2}.collage-grid__item--5{grid-column:3;grid-row:2}}@media screen and (max-width:749px){.collage-grid.page-width{padding-left:20px;padding-right:20px}.collage-grid{padding:32px 0}.collage-grid__heading{font-size:20px}.collage-grid__grid{grid-template-columns:1fr}.collage-grid__item{height:calc(var(--height-mobile) / 5);min-height:160px}.collage-grid__overlay{padding:16px}.collage-grid__title{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-collage-grid.css.map */