.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.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--inner{display:grid;grid-auto-flow:dense;gap:var(--gap);width:100%;align-items:start;padding:0 15px;max-width:1440px;margin-left:auto;margin-right:auto;grid:auto-flow dense var(--mobile-height) / repeat(2,minmax(0,1fr))}@media only screen and (min-width:768px){.media-grid--inner{padding:0 50px;grid:auto-flow dense var(--desktop-height) / repeat(4,minmax(0,1fr))}}.media-grid--inner-full-width-row-full{padding:0;max-width:none;margin:0}.media-grid--inner-full-width-row{max-width:none}.column-spacing--small,.column-spacing--medium,.column-spacing--large{--gap: 10px}@media only screen and (min-width:768px){.column-spacing--medium{--gap: 20px}.column-spacing--large{--gap: 30px}}@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)}.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(--bg-body, #fff));color:var(--color-body);overflow:hidden;padding:20px;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>*:last-child{margin-bottom:0}.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;padding-bottom:10px}.media-grid--item.content-bottom-right{justify-content:flex-end;align-items:flex-end}.media-grid--bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.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--heading{color:var(--color-body);margin-bottom:5px}.media-grid--link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:21}.media-grid--item.has-link--true .text-button,.media-grid--item .button-overflow-container{position:relative;z-index:22}.media-grid--item .text-button{margin-right:0}.media-grid--item .button-overflow-container .button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:48px;padding:0 36px;border:1px solid rgba(255,255,255,.45);border-radius:0;background:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:background .3s ease,border-color .3s ease,letter-spacing .3s ease}.media-grid--item .button-overflow-container .button:before{display:none}.media-grid--item .button-overflow-container .button span{color:inherit}@media(hover:hover){.media-grid--item .button-overflow-container .button:hover{background:#00000080;border-color:#ffffffb3;letter-spacing:.24em}}@media(max-width:768px){.media-grid--item .button-overflow-container .button{min-width:120px;height:44px;padding:0 24px;font-size:.68rem}.media-grid--item .button-overflow-container .button:active{background:#00000080;border-color:#ffffffb3;letter-spacing:.24em}}.media-grid--item .badge{position:absolute;left:8px;top:8px;z-index:15}@media only screen and (min-width:768px){.media-grid--item .badge{left:16px;top:16px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/media-grid.css.map */