.homepage-mosaic{position:relative;overflow:hidden}.homepage-mosaic .container{display:flex;align-items:center}.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;width:950px}.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:25px;width:calc(50vw - 300px)}.homepage-mosaic .video img,.homepage-mosaic .video video{width:100%;aspect-ratio:16/9;margin:0 auto;display:block;outline:none}@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 - 950px)}}@media(max-width: 1200px){.homepage-mosaic .container{flex-direction:column-reverse}.homepage-mosaic .video{position:static;width:75%;padding-top:50px}}@media(max-width: 650px){.homepage-mosaic .mosaic{grid-template-columns:repeat(2, 1fr);grid-template-rows:150px 150px 150px;display:none}.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}.homepage-mosaic .video{padding:25px 0;width:calc(100% - 40px)}}/*# sourceMappingURL=homepage-mosaic.css.map */