.pg-ocean-grid{display:grid}.pg-ocean-item{position:relative;overflow:hidden}.pg-ocean-item:hover .pg-ocean-content{transform:translateY(0);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important}.pg-ocean-item:hover .pg-ocean-overlay{opacity:1;transform:scale(1)}.pg-ocean-item:hover .pg-ocean-img{transform:scale(1.05)}.pg-ocean-item:hover .pg-ocean-title{transition-delay:.2s}.pg-ocean-item:hover .pg-ocean-meta{transition-delay:.35s}.pg-ocean-item:hover .pg-ocean-meta,.pg-ocean-item:hover .pg-ocean-title{transform:translateY(0);opacity:1;visibility:visible}.pg-ocean-image-wrap{width:100%;height:100%;position:relative;overflow:hidden;border-radius:3px}.pg-ocean-image-wrap .pg-ocean-img{width:100%;height:100%;object-fit:cover;vertical-align:middle;transform:scale(1);transition:transform 1.5s cubic-bezier(.19, 1, .22, 1)}.pg-ocean-content{position:absolute;bottom:1.5em;right:5%;left:5%;transform:translateY(1em);-webkit-clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);transition:clip-path .65s,-webkit-clip-path .65s,transform .85s;transition-timing-function:cubic-bezier(.23, 1, .32, 1);border-radius:3px}.pg-ocean-content-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:15px}.pg-ocean-overlay{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;transition:opacity .65s,transform .65s;transition-timing-function:cubic-bezier(.23, 1, .32, 1);opacity:1;background:#fff;border-radius:3px}.pg-ocean-title{margin:0;font-size:20px;font-weight:700;line-height:1.2em;text-transform:capitalize;color:rgba(13,59,84,0.8)}.pg-ocean-meta,.pg-ocean-title{display:inline-flex;opacity:0;visibility:hidden;transform:translateY(10px);transition:transform .85s,opacity .85s,visibility .85s;transition-timing-function:cubic-bezier(.23, 1, .32, 1)}.pg-ocean-meta{font-size:14px;color:#567687;text-transform:capitalize}