.homepage-mosaic{position:relative;overflow:hidden}.homepage-mosaic .container{display:flex}.homepage-mosaic.no-video .mosaic{width:100%;grid-template-rows:225px 225px}.homepage-mosaic .mosaic{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:200px 200px;grid-gap:10px;width:75%;padding:50px 0;position:relative}.homepage-mosaic .mosaic .item{border-radius:16px;position:relative;overflow:hidden}.homepage-mosaic .mosaic .item .background{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center center;transition:transform .3s ease}.homepage-mosaic .mosaic .item .filter{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(44,44,44,.3);margin:0}.homepage-mosaic .mosaic .item h2{position:absolute;bottom:10px;left:10px;margin:0;color:#fff;font-size:1.2rem}.homepage-mosaic .mosaic .item:hover .background{transform:scale(1.1)}.homepage-mosaic .mosaic .item:nth-child(1){grid-row:1/3;grid-column:1/6}.homepage-mosaic .mosaic .item:nth-child(1) h2{font-size:1.5rem}.homepage-mosaic .mosaic .item:nth-child(2){grid-column:6/10}.homepage-mosaic .mosaic .item:nth-child(3){grid-column:6/8}.homepage-mosaic .mosaic .item:nth-child(4){grid-column:8/10}.homepage-mosaic .video{position:absolute;right:0;bottom:0;width:calc((100vw - 1400px)/ 2 + 350px)}.homepage-mosaic .video img,.homepage-mosaic .video video{width:450px;margin:0 auto;display:block;outline:0}@media (max-width:1450px){.homepage-mosaic.no-video .mosaic{width:100%;grid-template-rows:200px 200px}.homepage-mosaic .mosaic{width:800px;grid-template-rows:150px 150px}.homepage-mosaic .mosaic .item h2{font-size:.8rem}.homepage-mosaic .mosaic .item:nth-child(1) h2{font-size:1rem}.homepage-mosaic .video{width:calc(100vw - 800px)}.homepage-mosaic .video img,.homepage-mosaic .video video{width:350px}}@media (max-width:650px){.homepage-mosaic{display:none}.homepage-mosaic .mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:150px 150px 150px}.homepage-mosaic .mosaic .item:nth-child(1){grid-row:1/1;grid-column:1/3}.homepage-mosaic .mosaic .item:nth-child(2){grid-column:1/3}.homepage-mosaic .mosaic .item:nth-child(3){grid-column:1/2}.homepage-mosaic .mosaic .item:nth-child(4){grid-column:2/3}}
/*# sourceMappingURL=homepage-mosaic.css.map */