.hero-blogpost-block{--pad:2;@media screen and (min-width:768px){--pad:4}padding-top:calc(var(--baseline)*var(--pad))}.hero-blogpost-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-blogpost-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-blogpost-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-blogpost-abstract{padding-top:calc(var(--baseline)*3)}.hero-blogpost-visual{--pad:4;--pad-no-img:14;@media scren and (min-width:960px){--pad:0}margin-top:calc(var(--baseline)*var(--pad));&.no-img{margin-top:calc(var(--baseline)*var(--pad-no-img))}}.hero-blogpost-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))}