.mosaic-four{display:flex;gap:1.5rem;margin:0 auto;max-width:1200px}.col-left{flex:2;flex-direction:column}.col-left,.col-right{display:flex;gap:1.5rem}.col-right{flex:1;flex-direction:column}.tile{border-radius:6px;overflow:hidden;position:relative}.tile img{display:block;height:100%;object-fit:cover;width:100%}.mosaic-overlay-content{align-items:center;background:rgba(44,62,80,0);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:2rem 1rem;pointer-events:none;position:absolute;text-align:center;transition:background .2s,color .2s,opacity .2s}.mosaic-overlay-content:active,.mosaic-overlay-content:hover,.mosaic-overlay-content:link,.mosaic-overlay-content:visited{color:#fff;text-decoration:none}.tile:focus .mosaic-overlay-content,.tile:hover .mosaic-overlay-content{background:#468288 0 0 no-repeat padding-box;color:#fff;opacity:1;pointer-events:auto}.mosaic-overlay-content h3{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.mosaic-overlay-content p{color:#fff;font-size:1.1rem;font-weight:400;letter-spacing:.02em;margin:0}.tile-a{height:240px}.tile-b,.tile-c{height:320px}.tile-d{height:200px}@media (max-width:900px){.mosaic-four{flex-direction:column}.col-left,.col-right{flex:none;width:100%}.tile-a,.tile-b,.tile-c,.tile-d{height:180px}}