.pg-mosaic-grid{display:grid}.pg-mosaic-item{background:rgba(13,59,84,0.8);position:relative;overflow:hidden;text-align:center}.pg-mosaic-item:hover .pg-mosaic-image-wrap::before{background:transparent}.pg-mosaic-item:hover .pg-mosaic-date{opacity:1;transform:translateY(0)}.pg-mosaic-item:hover .pg-mosaic-title{opacity:0;transform:rotateX(90deg)}.pg-mosaic-item:hover .pg-mosaic-readmore{opacity:1;transform:rotateX(0)}.pg-mosaic-image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.pg-mosaic-image-wrap::before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(13,59,84,0.2);z-index:1;transition:all .4s cubic-bezier(.17, .73, .66, .99)}.pg-mosaic-image-wrap .pg-mosaic-img{width:100%;height:100%;object-fit:cover;vertical-align:middle}.pg-mosaic-content{position:absolute;top:0;left:0;right:0;height:100%;display:inline-flex;flex-direction:column;justify-content:space-between;z-index:1}.pg-mosaic-readmore{margin-bottom:40px;opacity:0;transform:rotateX(90deg);transition:transform .3s cubic-bezier(.17, .73, .66, .99) 0s,z-index 0s step-end,opacity .4s ease}.pg-mosaic-readmore a{text-decoration:none;color:rgba(13,59,84,0.8);padding:12px 30px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:flex-end;position:relative;overflow:hidden}.pg-mosaic-readmore a:hover{color:#fff}.pg-mosaic-readmore a::before,.pg-mosaic-readmore a::after{content:'';position:absolute;transition:all 300ms ease}.pg-mosaic-readmore a::before{left:0;top:0;width:0px;height:100%}.pg-mosaic-readmore a:hover::before{width:100%}.pg-mosaic-readmore a:hover::after{width:0px}.pg-mosaic-readmore a:hover span::before{height:100%}.pg-mosaic-readmore a:hover span::after{height:100%;transition-delay:200ms}.pg-mosaic-readmore a span{display:inline-block;transition:all 300ms ease;position:relative;z-index:99;text-transform:uppercase}.pg-mosaic-readmore a span::before,.pg-mosaic-readmore a span::after{content:'';position:absolute;transition:all 300ms ease;width:1px;height:0px;background-color:#fff}.pg-mosaic-readmore a span::before{left:-10px;bottom:0}.pg-mosaic-readmore a span::after{top:0;right:-10px}.pg-mosaic-date{margin-top:40px;display:inline-flex;justify-content:center;transform:translateY(-40px);opacity:0;transition:transform .3s cubic-bezier(.17, .73, .66, .99) 0s,z-index 0s step-end,opacity .4s ease}.pg-mosaic-date span{color:rgba(13,59,84,0.8);font-size:10px;background:#fff;padding:10px;text-transform:uppercase;font-weight:600}.pg-mosaic-title{font-size:22px;font-weight:700;opacity:1;transform:rotateX(0);text-transform:uppercase;transition:transform .3s cubic-bezier(.17, .73, .66, .99) 0s,z-index 0s step-end,opacity .4s ease;color:#fff;padding:10px 15px;background:rgba(13,59,84,0.8);margin:0 auto}