.media-grid--section-heading{margin:0 0 1.5rem;padding:0 4px;max-width:var(--grid-width-row, 1380px);font-weight:700;text-transform:uppercase;letter-spacing:.02em}@media only screen and (min-width:768px){.media-grid--section-heading{padding:0 15px;margin-bottom:2.6rem}}.media-grid--item.has-link--true .media-grid--bg img,.media-grid--item.has-link--true .media-grid--bg video{transition:all 1s cubic-bezier(.104,.204,.492,1)}.media-grid--item{isolation:isolate;border-radius:var(--block-border-radius, 16px)}.media-grid--item{box-shadow:var(--block-shadows)}.media-grid--inner{padding:0 4px;max-width:var(--grid-width-row, 1380px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.media-grid--inner{padding:0 15px}}.media-grid--inner{display:grid;grid-auto-flow:dense;width:100%;align-items:stretch;grid:auto-flow dense var(--mobile-height)/repeat(2,minmax(0,1fr))}@media only screen and (min-width:768px){.media-grid--inner{grid:auto-flow dense var(--desktop-height)/repeat(4,minmax(0,1fr))}}.media-grid--inner.has-main-image-blocks{grid:auto-flow dense auto/repeat(2,minmax(0,1fr))}@media only screen and (min-width:990px){.media-grid--inner.has-main-image-blocks{grid:auto-flow dense auto/repeat(4,minmax(0,1fr))}}@media only screen and (max-width:767px){.media-grid--inner.swipe-on-mobile{grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));scroll-snap-type:x mandatory;grid-template-rows:var(--desktop-height);padding-bottom:10px}.media-grid--inner.swipe-on-mobile.has-main-image-blocks{grid-template-rows:auto}.media-grid--inner.swipe-on-mobile .media-grid--item{scroll-snap-align:center;grid-area:auto}}.media-grid--item{background:var(--color-bg-gradient, var(--color-bg, #fff));color:var(--color-text, var(--color-body, #2c2d2e));overflow:hidden;padding:19px;width:100%;height:100%;position:relative;display:flex;grid-area:span var(--row-span)/span var(--column-span--mobile)}@media only screen and (min-width:768px){.media-grid--item{padding:30px;grid-area:span var(--row-span)/span var(--column-span)}}.media-grid--item h4{color:var(--color-text, var(--color-body, #2c2d2e));margin-bottom:.5rem}.media-grid--item h4.media-grid--heading-no-margin{margin-bottom:0}.media-grid--item .media-grid--description{margin-top:.25em;margin-bottom:.75em;font-size:1rem;line-height:1.4;opacity:1}.media-grid--item.content-top-left{justify-content:flex-start;align-items:flex-start}.media-grid--item.content-top-center{justify-content:center;align-items:flex-start}.media-grid--item.content-top-right{justify-content:flex-end;align-items:flex-start}.media-grid--item.content-middle-left{justify-content:flex-start;align-items:center}.media-grid--item.content-middle-center{justify-content:center;align-items:center}.media-grid--item.content-middle-right{justify-content:flex-end;align-items:center}.media-grid--item.content-bottom-left{justify-content:flex-start;align-items:flex-end}.media-grid--item.content-bottom-center{justify-content:center;align-items:flex-end}.media-grid--item.content-bottom-right{justify-content:flex-end;align-items:flex-end}.media-grid--item.has-link--true:hover .media-grid--bg img,.media-grid--item.has-link--true:hover .media-grid--bg video{transform:scale(1.07)}.media-grid--item.has-link--true .text-button{position:relative;z-index:22}.media-grid--link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:21}.media-grid--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:var(--color-bg-gradient, var(--color-bg, #fff))}.media-grid--bg img,.media-grid--bg video{width:100%;height:100%;object-fit:cover;pointer-events:none}.media-grid--bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.media-grid--content{z-index:2}.media-grid--content>*:last-child{margin-bottom:0}.media-grid--item.has-main-image{flex-direction:column;gap:1.5rem}.media-grid--item.has-main-image.main-image--left,.media-grid--item.has-main-image.main-image--right{flex-direction:row;gap:1.25rem}@media only screen and (min-width:768px){.media-grid--item.has-main-image.main-image--left,.media-grid--item.has-main-image.main-image--right{gap:1.5rem}}.media-grid--item.has-main-image .media-grid--content{flex:0 0 auto}.media-grid--item.has-main-image.main-image--top .media-grid--content{order:2}.media-grid--item.has-main-image.main-image--top .media-grid--main-image,.media-grid--item.has-main-image.main-image--bottom .media-grid--content{order:1}.media-grid--item.has-main-image.main-image--bottom .media-grid--main-image{order:2}.media-grid--item.has-main-image.main-image--left .media-grid--content{order:2;flex:1;min-width:0}.media-grid--item.has-main-image.main-image--left .media-grid--main-image{order:1;flex:0 0 auto}.media-grid--item.has-main-image.main-image--right .media-grid--content{order:1;flex:1;min-width:0}.media-grid--item.has-main-image.main-image--right .media-grid--main-image{order:2;flex:0 0 auto}.media-grid--main-image{display:flex;align-items:center;justify-content:center;flex:0 0 auto;z-index:1;margin:0 auto}.media-grid--main-image img{max-width:100%;max-height:100%;object-fit:contain;vertical-align:middle}@media only screen and (max-width:1500px){.media-grid--item.has-main-image .media-grid--main-image{max-width:70%;max-height:70%}.media-grid--item.has-main-image .media-grid--main-image--left,.media-grid--item.has-main-image .media-grid--main-image--right{max-width:40%}.media-grid--item.has-main-image .media-grid--main-image img{max-width:100%;max-height:100%}}@media only screen and (min-width:1500px){.media-grid--item{padding:50px 45px}}@media only screen and (min-width:768px){.media-grid--item .media-grid--description{font-size:20px}}@media only screen and (min-width:1440px){.media-grid--item .media-grid--description{max-width:540px}}@media only screen and (max-width:1300px)and (min-width:768px){.media-grid--item h4{font-size:calc(var(--font-heading-scale) * 35px);line-height:normal}}@media only screen and (max-width:767px){.media-grid--item .media-grid--description{font-size:.9rem}.media-grid--item h4{font-size:calc(var(--font-heading-scale) * 23px)}.media-grid--item.has-main-image .media-grid--main-image--right{max-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/media-grid.css.map */