.media-grid{display:grid;grid-auto-flow:dense;width:100%;grid-template-columns:repeat(var(--columns-mobile),minmax(0,1fr));grid-auto-rows:1fr;gap:var(--column-gap-mobile)}.media-grid__item{display:flex;grid-area:span min(var(--columns-mobile),var(--media-grid-row-span-mobile)) / span min(var(--columns-mobile),var(--media-grid-column-span-mobile))}.media-grid__item--overlay{min-height:var(--mobile-video-height)}.media-grid__item-inner{flex:1;display:flex;flex-direction:column;width:100%;min-width:0}.media-grid__item--overlay .media-grid__item-inner>div{flex:1}.media-grid__item--below .media-grid__item-media{position:relative;width:100%;height:var(--mobile-video-height);overflow:hidden;flex-shrink:0}.media-grid__item--below .media-grid__item-text-below{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem 1.4rem 1.4rem;color:rgb(var(--color-foreground))}.media-grid__item--below .media-grid__item-text-below__content{display:flex;flex-direction:column;gap:1.2rem}.media-grid__item--below .media-grid__item-text-below .btn{width:auto;align-self:flex-start}.media-grid__item--below .media-grid__item--heading{color:rgb(var(--color-heading));margin:0}.media-grid__item--below .media-grid__item--text{margin:0}.media-grid__item .defer-image{overflow:hidden}.media-grid__item .defer-image img,.media-grid__item .defer-image,.media-grid__item video,.media-grid__item .video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-grid__item--inner>*{margin:1rem 0}.media-grid__item--inner>*:first-child{margin-block-start:0}.media-grid__item--inner>*:last-child{margin-block-end:0}.media-grid__item--inner>.media-grid__item--text+.btn{margin-top:2rem}.media-grid__item--inner>.media-grid__item--text+.btn.btn-underlined{margin-top:1rem}.media-grid__item--inner>.media-grid__item--heading+.btn{margin-top:1.5rem}.media-grid__item--inner>.media-grid__item--heading+.btn.btn-underlined{margin-top:0}@media only screen and (min-width:768px){.media-grid{grid-template-columns:repeat(var(--columns-desktop),minmax(0,1fr));gap:var(--column-gap)}.media-grid__item{grid-area:span var(--media-grid-row-span) / span var(--media-grid-column-span)}.media-grid__item--overlay{min-height:var(--desktop-video-height)}.media-grid__item--below .media-grid__item-media{height:var(--desktop-video-height)}.media-grid__item--below .media-grid__item-text-below{padding:2.4rem 2rem 2rem}}.media-grid__item--content--video{pointer-events:none}.media-grid__item--content--video>*{pointer-events:auto}.media-grid-video-trigger{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.media-grid-video-poster{position:relative;display:block;width:100%;height:100%}.media-grid-video-poster__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-grid-video-modal{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:100%;margin:0 auto;z-index:-1;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-overlay) / .4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease,visibility .3s ease}.media-grid-video-modal[open]{z-index:101;visibility:visible;opacity:1}.media-grid-video-modal[closing]{visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.media-grid-video-modal__content{position:relative;width:min(112rem,92vw);max-width:92vw;transform:translateY(3rem);opacity:0;transition:transform .2s ease,opacity .25s ease}.media-grid-video-modal[open] .media-grid-video-modal__content{transform:translateY(0);opacity:1}.media-grid-video-modal[closing] .media-grid-video-modal__content{transform:translateY(3rem);opacity:0;transition:transform .2s ease,opacity .25s ease}.media-grid-video-modal__close{position:absolute;top:1.6rem;right:1.6rem;width:4rem;height:4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:rgb(var(--color-white-100));border:0;padding:0;cursor:pointer;z-index:3;transition:background-color .2s ease,transform .2s ease}.media-grid-video-modal__close:hover{background:#0006}.media-grid-video-modal__close:active{transform:scale(.96)}.media-grid-video-modal__close .icon{width:2rem;height:2rem}.media-grid-video-modal__player{position:relative;width:100%}.media-grid-video-modal__video-player{max-height:85vh;background:rgb(var(--color-black-main))}.media-grid-video-modal__video-player .video-player__video{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/24/assets/media-grid.css.map */