matching-graphic-grid{display:grid;grid-template-columns:36.5625vw 1fr;width:100%;padding:48px 10.416666666666668%;grid-column-gap:1.4583333333333333vw}matching-graphic-grid .title-wrapper{display:flex;grid-column-start:1;grid-column-end:3}matching-graphic-grid .image-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}matching-graphic-grid .main-image{position:relative;overflow:hidden}matching-graphic-grid .main-image a{display:block;height:100%;width:100%}matching-graphic-grid .main-image .text{position:absolute;bottom:0;color:var(--text-color)}matching-graphic-grid .main-image img,matching-graphic-grid .main-image a img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:.3s ease-out}matching-graphic-grid .image-grid{grid-column-gap:.7291666666666666vw}matching-graphic-grid .image-grid .img-wrapper,matching-graphic-grid .image-grid .img-wrapper a{font-size:0}matching-graphic-grid .image-grid .img-wrapper a{width:100%;height:100%;display:block}matching-graphic-grid .image-grid img{width:100%;height:100%;object-fit:cover}matching-graphic-grid .main-image{font-size:0}matching-graphic-grid .main-image .text{display:flex;justify-content:flex-end;width:100%}matching-graphic-grid .main-image .text span{font-size:1.25vw;line-height:1;padding:0 1.3541666666666667vw 1.4583333333333333vw 0}@media screen and (min-width: 750px) and (max-width: 1440px){matching-graphic-grid{padding:0 48px}matching-graphic-grid .main-image .text span{font-size:14px}}@media screen and (max-width: 749px){matching-graphic-grid{padding:48px 16px;display:flex;flex-direction:column;grid-column-gap:unset}matching-graphic-grid .title-wrapper{margin-bottom:4.8vw!important}matching-graphic-grid .main-image img,matching-graphic-grid .main-image a img{content:var(--img-m)}matching-graphic-grid .image-grid img{content:var(--img-m)}matching-graphic-grid .image-grid{grid-column-gap:.9333333333333335vw}matching-graphic-grid .main-image .text span{font-size:3.2vw;line-height:1;padding:0 4.266666666666667vw 4.266666666666667vw 0}matching-graphic-grid .image-grid{margin-top:2.666666666666667vw}}matching-graphic-grid .main-image:hover img{transform:scale(1.03)}matching-graphic-grid .main-image .text span{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/220/assets/matching-graphic-grid.css.map */