.image-grid{display:grid;gap:var(--grid-gap, 20px);grid-template-columns:repeat(var(--grid-columns-mobile, 2),1fr);grid-auto-rows:calc((100vw - var(--grid-gap, 0px) * (var(--grid-columns-mobile, 2) - 1)) / var(--grid-columns-mobile, 2));grid-auto-flow:row dense}.image-grid__header{margin-bottom:3rem}.image-grid__heading{margin-bottom:1rem}.image-grid__subheading{margin-top:1rem}.image-grid__item{position:relative;overflow:hidden;aspect-ratio:1 / 1;grid-row:span 1}.image-grid__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;transition:transform .3s ease}.image-grid__item:not(.image-grid__item--featured) .image-grid__image-wrapper{aspect-ratio:1 / 1}.image-grid__image-wrapper:hover{transform:scale(1.02)}.image-grid__image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.image-grid__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.image-grid__caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:1rem;font-size:.9rem}@media screen and (min-width: 750px){.image-grid{grid-template-columns:repeat(var(--grid-columns-tablet, 3),1fr);grid-auto-rows:calc((100vw - var(--grid-gap, 0px) * (var(--grid-columns-tablet, 3) - 1)) / var(--grid-columns-tablet, 3))}}@media screen and (min-width: 990px){.image-grid{grid-template-columns:repeat(var(--grid-columns-desktop, 4),1fr);grid-auto-rows:calc((100vw - var(--grid-gap, 0px) * (var(--grid-columns-desktop, 4) - 1)) / var(--grid-columns-desktop, 4))}}.image-grid--full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-left:0;padding-right:0}.image-grid__item--featured{grid-row:span 2!important;grid-column:span 2!important;aspect-ratio:1 / 1;order:-1}.image-grid__item--featured .image-grid__image-wrapper{width:100%;height:100%;position:relative}.image-grid__item--featured .image-grid__image-wrapper .media{width:100%;height:100%;position:relative;padding-bottom:0;aspect-ratio:1 / 1}.image-grid__item--featured .image-grid__image-wrapper img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-image-grid.css.map */