div#postmeta {
    display: flex;/* align-items: center;*/
    position: relative; /*min-height: var(--headshot-size);*/
}
div#postmeta p { margin: 0;/* min-height: calc(80px - 24px); */}
div#postmeta p+p.date { margin-left: auto;}
div#postmeta p.author { max-width: 15em;}

div#postmeta .headshot {
    position: absolute; left: 0; top: 50%; transform:translateY(-50%); }
div#postmeta .headshot > picture{ max-width: var(--headshot-size); height: var(--headshot-size); width: var(--headshot-size); border-radius: 50%;  }

div#postmeta .headshot + p.author { margin-left: calc(var(--headshot-size) + var(--headshot-margin)); }



@media all and (max-width:599px) {
    div#postmeta {
        flex-wrap: wrap; align-items: center;
    }
    div#postmeta .headshot { position:static; transform: none;  }
    div#postmeta .headshot + p.author { margin: 0 var(--headshot-margin) 0 0; }
    div#postmeta p.author { max-width: none; flex: 1; order: -1}

    div#postmeta p.date { width:100%; }
    div#postmeta p+p.date { margin-top: 1em; }
}