.media-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:var(--row-height-mobile, 150px);gap:calc(var(--grid-gap) / 2);align-items:stretch}.media-mosaic__item{grid-column:span var(--col-m, 2);grid-row:span var(--row-m, 2);min-width:0;filter:drop-shadow(0 5px 15px rgb(var(--text) / .1))}.media-mosaic__tile{position:relative;height:100%;overflow:hidden;isolation:isolate;border-radius:var(--radius-block);background:#000}.media-mosaic__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.media-mosaic__media :is(img,video,svg){display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focal, center)}.media-mosaic__media .video-media{height:100%}.media-mosaic__media .video-media--external{aspect-ratio:auto}.media-mosaic__media .video-media__video{height:100%}.media-mosaic__tile:after{z-index:1}@media(pointer:fine){.zoom-on-hover .media-mosaic__media :is(img,svg){transform-origin:center;transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.zoom-on-hover .media-mosaic__item:hover .media-mosaic__media :is(img,svg){transform:scale(1.06)}}.media-mosaic__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);padding:var(--gutter);pointer-events:none}.media-mosaic__inner{align-self:var(--pos-y, center);justify-self:var(--pos-x, center);max-width:100%;text-align:var(--pos-x, center);pointer-events:auto}.media-mosaic__title{overflow-wrap:anywhere}.media-mosaic__button{margin-top:16px}.media-mosaic__title+.media-mosaic__button{margin-top:20px}.media-mosaic__link{color:inherit}.media-mosaic__link:focus-visible{outline-offset:6px}@media(min-width:700px){.media-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max(150px,min(20vw,var(--row-height, 290px)))}.media-mosaic__item{grid-column:span var(--col, 2);grid-row:span var(--row, 2)}.media-mosaic__inner{align-self:var(--pos-y-lg, var(--pos-y, center));justify-self:var(--pos-x-lg, var(--pos-x, center));text-align:var(--pos-x-lg, var(--pos-x, center))}}@media(min-width:1000px){.media-mosaic{gap:var(--grid-gap)}}@media(prefers-reduced-motion:no-preference){.media-mosaic__item.reveal{translate:0 10px;transition:opacity .3s ease,translate .3s ease;transition-delay:0s}.media-mosaic__item.reveal.is-visible{translate:0 0}.media-mosaic__item.reveal .media-mosaic__content{opacity:0;transition:opacity .2s ease .4s}.media-mosaic__item.reveal.is-visible .media-mosaic__content{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-media-grid.css.map */