.section-media-banners{background-color:var(--bg-color);padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);width:100%;position:relative;overflow:hidden}.media-slider-container{width:100%;padding-left:var(--16px);padding-right:var(--16px);margin-inline:auto;box-sizing:border-box}.media-slider-container.grid{grid-template-columns:repeat(4,1fr)}.media-banners__item{grid-column:1 / -1;width:100%;position:relative}.media-banners__media-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--radius);background-color:var(--color-soft-beige)}.media-banners__media-wrapper.aspect-m-auto{aspect-ratio:4 / 3;height:auto}.media-banners__media-wrapper.aspect-m-square{aspect-ratio:1 / 1;height:auto}.media-banners__media-wrapper.aspect-m-portrait{aspect-ratio:4 / 4.98;height:auto}.media-banners__media-wrapper.aspect-m-landscape{aspect-ratio:16 / 12.96;height:auto}.media-banners__media-wrapper picture,.media-banners__media-wrapper img,.media-banners__media-wrapper video,.media-banners__media-wrapper .placeholder-svg,.media-banners__media-wrapper video-media{position:absolute;inset:var(--0px);width:100%;height:100%;object-fit:cover;display:block;z-index:1}.media-banners__overlay{position:absolute;inset:var(--0px);background-color:#0000004d;z-index:2;pointer-events:none}.media-banners__content{position:absolute;inset:var(--0px);z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gutter);align-content:end;justify-content:stretch;box-sizing:border-box}.media-banners__content:before{content:"";position:absolute;inset:var(--0px);background:linear-gradient(to top,#00000073,#0000 50%);z-index:-1;pointer-events:none}.media-banners__content-inner{grid-column:1 / 4;display:flex;flex-direction:column;align-items:flex-start;color:var(--color-white);text-align:left}.media-banners__subtitle{margin-bottom:var(--10px);color:var(--color-white)}.media-banners__title,.media-banners__body{margin-bottom:var(--20px);color:var(--color-white)}.media-banners__body{display:flex;flex-direction:column;gap:var(--20px)}.media-banners__body p{color:inherit;margin:var(--0px)}.media-banners__cta{display:flex}.media-banners__cta-btn{text-transform:uppercase}@media(min-width:992px){.section-media-banners{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.media-slider-container.grid{grid-template-columns:repeat(12,1fr)}.media-banners__media-wrapper.aspect-d-auto{height:calc(100vh - var(--40px));min-height:600px}.media-banners__media-wrapper.aspect-d-square{aspect-ratio:1 / 1;height:auto}.media-banners__media-wrapper.aspect-d-portrait{aspect-ratio:4 / 4.3353;height:auto}.media-banners__media-wrapper.aspect-d-landscape{aspect-ratio:16 / 7.561;height:auto}.media-banners__grid--2 .media-banners__media-wrapper.aspect-d-landscape{aspect-ratio:16 / 10.7318}.media-banners__grid--1 .media-banners__item{grid-column:2 / 12}.media-banners__grid--1 .media-banners__content{grid-template-columns:repeat(10,1fr);align-content:center}.media-banners__grid--1 .media-banners__content-inner{grid-column:2 / 5}.media-banners__grid--2 .media-banners__item:nth-child(1){grid-column:2 / span 5}.media-banners__grid--2 .media-banners__item:nth-child(2){grid-column:7 / span 5}.media-banners__grid--2 .media-banners__content{grid-template-columns:repeat(5,1fr);padding:var(--20px)}.media-banners__grid--2 .media-banners__content-inner{grid-column:1 / 4}.media-slider-container{padding-left:var(--20px);padding-right:var(--20px)}.media-banners__media-wrapper .video-compoenents{left:unset;right:var(--20px)}}@media(max-width:991px){.media-slider-container.grid.media-banners__grid--1{padding:var(--0px)}.media-banners__content{padding:var(--0px) var(--16px) var(--16px)}.media-banners__content:before{display:none}.media-banners__overlay:after{content:"";position:absolute;inset:var(--0px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);-webkit-mask-image:linear-gradient(to top,black 30%,transparent 85%);mask-image:linear-gradient(to top,black 30%,transparent 85%);pointer-events:none}.media-banners__subtitle{margin-bottom:var(--5px)}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/media-banners.css.map */