.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)}.column-spacing--small,.column-spacing--medium{--gap: 10px}@media only screen and (min-width: 768px){.column-spacing--medium{--gap: 15px}}.column-spacing--large{--gap: 10px}@media only screen and (min-width: 768px){.column-spacing--large{--gap: 30px}}.media-grid--inner{display:grid;grid-auto-flow:dense;width:100%;gap:var(--gap);align-items:start;grid:auto-flow dense var(--mobile-height) / repeat(2,minmax(0,1fr))}.media-grid--inner .buttons-wrapper{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.25rem}.media-grid--item.align-button-to-bottom{padding:2.5rem 1.25rem}.media-grid--item.align-button-to-bottom .media-grid--preheadline{font-weight:700}.media-grid--item.align-button-to-bottom .media-grid--heading+p{margin-top:2rem}.media-grid--item.align-button-to-bottom .media-grid--content{display:flex;flex-direction:column;height:100%}.media-grid--item.align-button-to-bottom .media-grid--content .buttons-wrapper{margin-top:auto}.media-grid--item.align-button-to-bottom .media-grid--content .buttons-wrapper .text-button{color:var(--color-header-text)}.media-grid--inner .text-button{background:var(--color-header-bg);padding:8px 12px;text-transform:uppercase;color:var(--color-body);font-size:1rem;text-decoration:none;font-weight:500;min-width:120px;text-align:center;align-items:center;justify-content:center;box-shadow:0 4px 4px #00000040}@media only screen and (min-width: 768px){.media-grid--inner .buttons-wrapper{gap:.75rem 1.5rem}.media-grid--inner .text-button{padding:12px 17px;font-size:1.25rem;min-width:179px}.media-grid--inner{grid:auto-flow dense var(--desktop-height) / repeat(4,minmax(0,1fr))}.media-grid--inner.enlarged-columns-layout{grid:auto-flow dense var(--desktop-height) / repeat(3,minmax(0,1fr))}}.media-grid--inner.enlarged-columns-layout .badge{bottom:0;left:0;right:0;top:initial;clip-path:none;font-size:1.25rem;font-weight:700;padding-block:2rem;height:max-content;max-height:max-content;text-align:center;justify-content:center;background:#0009}@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(--mobile-height)}.media-grid--inner.swipe-on-mobile .media-grid--item{scroll-snap-align:center;grid-area:auto}}.media-grid--item{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);background:var(--color-bg-gradient);background-blend-mode:multiply}.media-grid--item.has-background-color:not(.has-background-gradient){background:var(--bg-body)}@media only screen and (min-width: 768px){.media-grid--item{padding:1.125rem;grid-area:span var(--row-span) / span var(--column-span)}}.media-grid--item>*:last-child{margin-bottom:0}.media-grid--item .badge{font-size:.75rem;height:30px;padding:0 20px 0 12px}.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--item .badge{position:absolute;top:0;left:0;z-index:15}.media-grid--heading{color:var(--color-body);margin-bottom:5px;font-weight:700;line-height:1.1}.media-grid--preheadline{font-size:1rem;text-transform:uppercase;color:var(--color-body)}.media-grid--logo{max-width:250px;margin:1rem auto 0}.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:-1;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 p{font-size:1.25rem;font-weight:600;line-height:1.1}@media only screen and (min-width: 768px){.media-grid--content p{font-size:1.5rem}}.media-grid--content>*:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/media-grid.css.map?v=174551872562615373111751907579 */