.blog section{grid-gap:2em;display:grid}.blog article.post{grid-template:"img heading"min-content"img pubdate"min-content"img summary"1fr/20% 80%;gap:.5em 1em;padding:1em;transition:all .25s ease-in-out;display:grid;position:relative}.blog article.post:hover{box-shadow:0 .25em .5em var(--lowlight);transform:scale(1.01)rotate(-.5deg)}.blog article.post>figure{object-fit:cover;grid-area:img;width:100%}.blog article.post>:is(h1,h2,h3,h4,h5,h6){grid-area:heading}.blog article.post>p{grid-area:summary}.blog article.post>.pubdate{grid-area:pubdate}