.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{inline-size:100%;block-size:100%;position:relative;overflow:hidden}.pg-mosaic-image-wrap::before{position:absolute;content:"";inline-size:100%;block-size:100%;inset-block-start:0;inset-inline-start: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{inline-size:100%;block-size:100%;object-fit:cover;vertical-align:middle}.pg-mosaic-content{position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;block-size:100%;display:inline-flex;flex-direction:column;justify-content:space-between;z-index:1}.pg-mosaic-readmore{margin-block-end: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{inset-inline-start:0;inset-block-start:0;inline-size:0px;block-size:100%}.pg-mosaic-readmore a:hover::before{inline-size:100%}.pg-mosaic-readmore a:hover::after{inline-size:0px}.pg-mosaic-readmore a:hover span::before{block-size:100%}.pg-mosaic-readmore a:hover span::after{block-size: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;inline-size:1px;block-size:0px;background-color:#fff}.pg-mosaic-readmore a span::before{inset-inline-start:-10px;inset-block-end:0}.pg-mosaic-readmore a span::after{inset-block-start:0;inset-inline-end:-10px}.pg-mosaic-date{margin-block-start: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}