.postgrid{display:flex;gap:var(--wp--preset--spacing--30);article{overflow:hidden;border-radius:var(--wp--custom--border-radius);background:var(--wp--preset--color--light);transition:var(--wp--custom--main-trans);box-shadow:var(--wp--custom--box-shadow);border:var(--wp--custom--main-border);max-width:calc(100% / 3);figure{margin:0;aspect-ratio:4 / 3;height:auto;width:100%;overflow:hidden;position:relative;img{object-fit:cover;width:100%;height:100%;transition:var(--wp--custom--main-trans)}figcaption{position:absolute;top:var(--wp--custom--border-radius);left:0;color:var(--wp--preset--color--light);backdrop-filter:blur(10);background-color:rgba(0,0,0,.5);padding:.5rem;border-top-right-radius:var(--wp--custom--border-radius);border-bottom-right-radius:var(--wp--custom--border-radius);font-size:.8rem}}.content{padding:var(--wp--preset--spacing--30);h3{margin-bottom:1rem;text-wrap:balance}.meta{display:flex;gap:var(--wp--preset--spacing--10);font-size:1rem;border-bottom:var(--wp--custom--main-border);border-color:var(--wp--preset--color--dark);padding-top:.5rem;padding-bottom:.5rem;&:last-of-type{border-bottom:0;margin-bottom:2rem}span{min-width:10ch;p{margin-bottom:0}}}a{display:block;font-size:1rem;font-weight:600;background:var(--wp--preset--color--dark);&:hover{background-color:var(--wp--preset--color--accent)}&:first-of-type{margin-top:1rem}}}&:hover{box-shadow:none;figure{img{scale:1.1}}}}}@media screen and (max-width:768px){.postgrid{display:flex;gap:var(--wp--preset--spacing--30);flex-direction:column;article{max-width:unset;figure{margin:0;aspect-ratio:4 / 3;height:auto;width:100%;overflow:hidden;position:relative;img{object-fit:cover;width:100%;height:100%;transition:var(--wp--custom--main-trans)}figcaption{position:absolute;top:var(--wp--custom--border-radius);left:0;color:var(--wp--preset--color--light);backdrop-filter:blur(10);background-color:rgba(0,0,0,.5);padding:.5rem;border-top-right-radius:var(--wp--custom--border-radius);border-bottom-right-radius:var(--wp--custom--border-radius);font-size:.8rem}}.content{padding:var(--wp--preset--spacing--30);h3{margin-bottom:1rem;text-wrap:balance}.meta{display:flex;gap:var(--wp--preset--spacing--10);font-size:1rem;border-bottom:var(--wp--custom--main-border);border-color:var(--wp--preset--color--dark);padding-top:.5rem;padding-bottom:.5rem;&:last-of-type{border-bottom:0;margin-bottom:2rem}span{min-width:10ch;p{margin-bottom:0}}}a{display:block;font-size:1rem;font-weight:600;background:var(--wp--preset--color--dark);&:hover{background-color:var(--wp--preset--color--accent)}&:first-of-type{margin-top:1rem}}}&:hover{box-shadow:none;figure{img{scale:1.1}}}}}}