.pg-doodle-grid{display:grid}.pg-doodle-item{--pg-dir-factor:1;position:relative;overflow:hidden}:dir(rtl) .pg-doodle-item{--pg-dir-factor:-1}.pg-doodle-item:hover .pg-doodle-image-wrap img{transform:scale(1.5)}.pg-doodle-item:hover .pg-doodle-image-wrap::before{transform:translate(-50%, -50%) scale(1, 1)}.pg-doodle-item:hover .pg-doodle-head-content{opacity:1;transform:translateY(0)}.pg-doodle-item:nth-child(5n + 2){grid-column:span 8 / auto}.pg-doodle-image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.pg-doodle-image-wrap img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .5s ease-out}.pg-doodle-image-wrap::before{content:"";position:absolute;width:170%;height:170%;padding-bottom:170%;inset-block-start:60%;left:50%;transform:translate(-50%, -50%) scale(0, 0);transform-origin:center center;border-radius:50%;box-sizing:border-box;z-index:1}.pg-doodle-image-wrap::before{transition:transform .5s ease-out;background:#fff}.pg-doodle-content{position:absolute;inset-block-start:50%;inset-inline-start:0;inset-inline-end:0;text-align:center;z-index:1;margin-inline:30px;margin-block:0;transform:translateY(-50%);transition:all .4s ease}.pg-doodle-meta::before{position:absolute;content:"";inset-block-start:-63%;left:50%;transform:translate(-50%, -50%);width:0;height:2px;background:rgba(13,59,84,0.8);opacity:0;transition:all .5s ease}.pg-doodle-item:hover .pg-doodle-meta::before{opacity:1;width:70px;transition-delay:.3s}.pg-doodle-title{margin-block:0 30px;margin-inline:0;font-size:28px;font-weight:700;text-transform:uppercase;opacity:0;transition:all .4s ease;transform:translate(calc(100px * var(--pg-dir-factor)), 0);color:rgba(13,59,84,0.8)}.pg-doodle-meta{font-size:14px;color:#567687;text-transform:capitalize;opacity:0;transform:translate(calc(-100px * var(--pg-dir-factor)), 0);transition:all .4s ease}.pg-doodle-follow-btn{opacity:0;transform:translate(calc(-100px * var(--pg-dir-factor)), 0);transition:all .4s ease}.pg-doodle-item:hover .pg-doodle-meta,.pg-doodle-item:hover .pg-doodle-title{opacity:1;transform:translate(0, 0)}