.media---grid .page-width{max-width:1200px}.media---grid .media---grid-row{display:grid;gap:12px;--calculated-row-height: max(150px, min(100vw / 5, var(--media-grid-row-height)));grid:auto-flow dense var(--calculated-row-height) / repeat(12,minmax(0,1fr));max-width:1356px;margin:0 auto}.media---grid .media---grid-row .media---grid-block{grid-area:span var(--media-grid-row-span) / span var(--media-grid-column-span);display:grid;position:relative}.media---grid .media---grid-row .media---grid-block:before{content:"";background:rgb(var(--content-over-media-overlay));border-radius:inherit;z-index:1;pointer-events:none;transition:background .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.media---grid .media---grid-row .media---grid-block img{height:100%;min-height:100%;max-height:100%;width:100%;overflow-wrap:anywhere;object-fit:cover;object-position:center;transform-origin:bottom;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:1 / 1 / span 3 / span 3;position:relative;border-radius:7px}.media---grid .media---grid-row .media---grid-block .prose{position:absolute;bottom:0;left:0;padding:20px;z-index:1;width:100%}.media---grid .media---grid-row .media---grid-block .prose .block-title{font-size:20px;line-height:24px;overflow-wrap:anywhere;color:var(----text-color);margin:0;text-align:center;font-weight:600;font-family:var(--mon)}.media---grid .media---grid-row .media---grid-block a{position:absolute;top:0;left:0;height:100%;width:100%;display:block}.media---grid-block:hover:after{transform:translateY(0)}.media---grid-block:after{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:linear-gradient(0deg,#00000087 50%,#eddd5303);border-radius:10px;transform:translateY(100%);transition:.4s}.media---grid-block{position:relative;overflow:hidden}@media screen and (max-width:1000px){.media---grid .media---grid-row{gap:15px}}@media screen and (max-width:767px){.media---grid.desktop_show{display:none}.media---grid .media---grid-row{gap:12px}.media---grid .media---grid-row{grid:auto-flow dense var(--media-grid-row-height) / repeat(2,minmax(0,1fr));--calculated-row-height: max(150px, min(100vw / 5, var(--media-grid-row-height)))}.media---grid .media---grid-row .media---grid-block{grid-area:span 1 / span 2}.media---grid .media---grid-row .media---grid-block .prose .block-title{font-size:18px;line-height:22px}}@media screen and (max-width:400px){.media---grid .media---grid-row{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sections-image-grid.css.map */