.media-grid{display:grid;gap:4px;grid-template-columns:repeat(var(--columns-desktop, 3),1fr)}.media-grid--1-col-desktop{--columns-desktop: 1}.media-grid--2-col-desktop{--columns-desktop: 2}.media-grid--3-col-desktop{--columns-desktop: 3}.media-grid--4-col-desktop{--columns-desktop: 4}@media screen and (max-width:749px){.media-grid{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}.media-grid--1-col-tablet-down{--columns-mobile: 1}.media-grid--2-col-tablet-down{--columns-mobile: 2}.media-grid--slider-mobile{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:15px;padding-bottom:10px;scrollbar-width:none;margin-left:calc(var(--page-margin, 16px) * -1);margin-right:calc(var(--page-margin, 16px) * -1);padding-left:var(--page-margin, 16px);padding-right:var(--page-margin, 16px)}.media-grid--slider-mobile::-webkit-scrollbar{display:none}.media-grid--slider-mobile .media-grid__item{flex:0 0 85%;scroll-snap-align:center}}.media-grid__item{position:relative}.media-grid__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.media-grid__media-wrapper{position:relative;overflow:hidden;margin-bottom:20px;background-color:rgba(var(--color-foreground),.05)}.media-grid__media-wrapper.aspect-ratio--square{aspect-ratio:1 / 1}.media-grid__media-wrapper.aspect-ratio--portrait{aspect-ratio:4 / 5}.media-grid__media-wrapper.aspect-ratio--video{aspect-ratio:16 / 9}.media-grid__media-wrapper.aspect-ratio--adapt{min-height:400px}.media-grid__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.media-grid__media-wrapper .placeholder-svg{width:100%;height:100%;display:block;background-color:#f3f3f3}.media-grid__item:hover .media-grid__image{transform:scale(1.05)}.media-grid__media-wrapper deferred-media{display:block;width:100%;height:100%}.media-grid__video-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.media-grid__video-container video.media-grid__video,.media-grid__video-container iframe.media-grid__video{width:100%;height:100%;object-fit:cover;display:block;border:0}.media-grid__video-container iframe.media-grid__video{position:absolute;top:0;right:0;bottom:0;left:0}.media-grid__video-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block;background-color:rgba(var(--color-foreground),.05)}.media-grid__video-cover[hidden]{display:none}.media-grid__video-replay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .2s ease,background-color .2s ease;padding:0}.media-grid__video-replay:hover{transform:translate(-50%,-50%) scale(1.1);background:#000c}.media-grid__video-replay[hidden]{display:none!important}.media-grid__video-replay__icon{display:flex;align-items:center;justify-content:center}.media-grid__video-replay svg{width:32px;height:32px;fill:currentColor}.deferred-media__poster-button{background:transparent!important;border:none!important;padding:0!important;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.deferred-media__poster-icon.icon-play{width:48px;height:48px;background:transparent!important;border:none!important;color:#fff!important;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.deferred-media__poster-icon svg{width:32px;height:32px}.media-grid__video{width:100%;height:100%;object-fit:cover}.media-grid__content{padding:10px 0}.media-grid__title{margin:0 0 8px;font-weight:600;text-transform:none}.media-grid__text{font-size:14px;opacity:.8;line-height:1.5}.section-heading--center{text-align:center;margin-bottom:40px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-media-grid.css.map */