.hero-bloglist-block{--pad:2;@media screen and (min-width:768px){--pad:4}padding-top:calc(var(--baseline)*var(--pad))}.hero-bloglist-inner-wrapper{--pad:10;@media screen and (min-width:768px){--pad:13}@media screen and (min-width:1024px){--pad:20}align-items:center;background-color:var(--color-grey-50);padding-top:calc(var(--baseline)*var(--pad));&.no-img{align-items:flex-end}}.hero-bloglist-copy{--col:0;--pad:0;@media screen and (min-width:960px){--col:1;--pad:7}padding:0 calc(var(--column-absolute)*var(--col) + var(--gutter)) calc(var(--baseline)*var(--pad))}.hero-bloglist-preheading{padding-bottom:calc(var(--baseline)*2);.post-date,.preheading{display:inline-block}.preheading+.preheading{margin-left:1em}.preheading+.post-date{margin-left:calc(var(--gutter)*2)}}.hero-bloglist-abstract{padding-top:calc(var(--baseline)*3)}.hero-bloglist-visual{--pad:4;--pad-no-img:14;@media scren and (min-width:960px){--pad:0}display:inline-flex;margin-top:calc(var(--baseline)*var(--pad));&.no-img{margin-top:calc(var(--baseline)*var(--pad-no-img))}}.hero-bloglist-post{--pad-x:0;--pad-y:3;@media screen and (min-width:768px){--pad-x:1;--pad-y:6}display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--baseline)*var(--pad-y)) calc(var(--gutter)*var(--pad-x))}.hero-bloglist-action{--pad:2;@media screen and (min-width:768px){--pad:3}@media screen and (min-width:1024px){--pad:4}background-color:var(--color-white);padding:calc(var(--baseline)*var(--pad))}