.image-grid.border-top{border-top:1px solid var(--color-black)}.image-grid.border-bottom{border-bottom:1px solid var(--color-black)}.image-grid .image-grid-container{padding:2rem}.image-grid.horizontal-padding--none .image-grid-container{padding-left:0;padding-right:0}@media screen and (min-width: 990px){.image-grid.vertical-padding--large .image-grid-container{padding-top:5vw;padding-bottom:5vw}.image-grid.vertical-padding--small .image-grid-container{padding-top:2rem;padding-bottom:2rem}.image-grid.vertical-padding--none .image-grid-container{padding-left:0;padding-right:0}.image-grid.horizontal-padding--small .image-grid-container{padding-left:2rem;padding-right:2rem}.image-grid.horizontal-padding--large .image-grid-container{padding-left:5%;padding-right:5%}.image-grid.horizontal-padding--none .image-grid-container{padding-left:0;padding-right:0}}.image-grid-container{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);row-gap:.2rem}@media screen and (min-width: 990px){.image-grid-container{display:grid;grid-template-columns:62% calc(38% - 2rem);grid-template-rows:1fr 1fr;column-gap:2rem;row-gap:2rem}.image-grid-container.right{grid-template-columns:calc(38% - 3rem) 62%}}.image-grid-item{position:relative;background-color:var(--color-gray-light)}.image-grid-item{width:100vw;height:100vw}@media screen and (min-width: 990px){.image-grid-item{width:unset;height:unset}}.image-grid-item-text{position:absolute;left:0;right:0;bottom:0;color:var(--color-white);text-align:left;z-index:200;display:flex;flex-direction:column;padding:0 10% 5% 5%}.left .image-grid-item--1 .image-grid-item-text,.right .image-grid-item--3 .image-grid-item-text{flex-direction:column-reverse}.image-grid-item .image-grid-item-text span{font-family:var(--font-family-maison);font-weight:400;font-style:normal}.left .image-grid-item--2 .image-grid-item-text h3,.left .image-grid-item--3 .image-grid-item-text h3,.right .image-grid-item--1 .image-grid-item-text h3,.right .image-grid-item--2 .image-grid-item-text h3{font-family:var(--font-family-bradford);font-weight:400;font-style:normal;text-transform:none;font-size:2rem;letter-spacing:0}.image-grid-item--dark:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:50%;z-index:100;pointer-events:none;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 100%);background:linear-gradient(to bottom,#0000,#00000059)}.image-grid-item--dark-reversed:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:50%;z-index:100;pointer-events:none;background:-moz-linear-gradient(top,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,#00000059,#0000)}.image-grid-item--light:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:50%;z-index:100;pointer-events:none;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%);background:linear-gradient(to bottom,#fff0,#ffffff59)}.image-grid-item--light-reversed:after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:50%;z-index:100;pointer-events:none;background:-moz-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,#ffffff59,#fff0)}@media screen and (min-width: 990px){.image-grid-item-text.top{bottom:unset;top:3.2rem}}.image-grid-item-text p,.image-grid-item-text h3{margin:0;color:var(--color-white)}.left .image-grid-item--1 p,.right .image-grid-item--3 p{font-family:var(--font-family-bradford);font-style:italic;font-size:2rem}@media screen and (max-width: 989px){.image-grid-item-text p,.image-grid-item-text h3{margin:0}.image-grid-item .media{height:100%}}@media screen and (min-width: 990px){.left .image-grid-item--1{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:span 2}.left .image-grid-item--1 .media{padding-bottom:75%}.left .image-grid-item--2{grid-column-start:2;grid-column-end:span 1;grid-row-start:1;grid-row-end:span 1}.left .image-grid-item--2 .media{height:100%}.left .image-grid-item--3{grid-column-start:2;grid-column-end:span 1;grid-row-start:2;grid-row-end:span 1}.left .image-grid-item--3 .media{height:100%}.right .image-grid-item--1{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.right .image-grid-item--1 .media{height:100%}.right .image-grid-item--2{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}.right .image-grid-item--2 .media{height:100%}.right .image-grid-item--3{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3}.right .image-grid-item--3 .media{padding-bottom:75%}}.image-grid-item-img{object-fit:cover;aspect-ratio:14.6 / 9;display:block;height:100%;width:100%;max-width:100%;position:relative}.image-grid-item .media:after{content:"";box-shadow:inset 0 0 30rem rgba(var(--color-gray-rgb),.1);position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 989px){.image-grid-container{display:flex;flex-wrap:wrap}.image-grid-container.right{flex-wrap:wrap-reverse}.left .image-grid-item--1,.right .image-grid-item--3,.left .image-grid-item--2,.left .image-grid-item--3,.right .image-grid-item--1,.right .image-grid-item--2{width:100vw;margin-bottom:2rem;height:60vw}.image-grid-item--3{margin-bottom:0!important}.left .image-grid-item--2 .media,.left .image-grid-item--3 .media,.right .image-grid-item--1 .media,.right .image-grid-item--2 .media{max-width:100%}.left .image-grid-item--2 .media img,.left .image-grid-item--3 .media img,.right .image-grid-item--1 .media img,.right .image-grid-item--2 .media img{object-fit:cover}.left .image-grid-item--2 .image-grid-item-text h3,.left .image-grid-item--3 .image-grid-item-text h3,.right .image-grid-item--1 .image-grid-item-text h3,.right .image-grid-item--2 .image-grid-item-text h3{font-size:2.4rem;letter-spacing:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-image-grid.css.map */