.image-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}.image-grid__regular-items{gap:var(--grid-gap);display:grid;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:1025px){.image-grid{grid-template-columns:33.33% 1fr;grid-template-rows:auto;row-gap:0}.image-grid__item--featured{grid-column:1;grid-row:1 / span 2}.image-grid__regular-items{grid-column:2;grid-template-columns:repeat(3,1fr)}}.image-grid__item{position:relative;overflow:hidden;border-radius:1rem}.image-grid__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-duration) var(--transition-function)}@media(hover:hover){.image-grid__item:hover .image-grid__overlay{opacity:1}}.image-grid__button{position:relative;transform:translateY(20px);transition:transform var(--transition-duration) var(--transition-function);z-index:2}.image-grid__item:hover .image-grid__button{transform:translateY(0)}.image-grid__media{aspect-ratio:1;width:100%}.image-grid__item--featured .image-grid__media{height:100%}.image-grid__media img{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/434/assets/component.image-grid.css.map */