
.imagery figure { max-width: var(--text-max); margin-left: auto; margin-right: auto;
    position: relative;
    z-index: 1;  }
.imagery:not(:first-child) { margin-top: calc(var(--gutter) * 1.5); }
.imagery:not(:last-child) { margin-bottom: calc(var(--gutter) * 1.5); }
.textcontent+.imagery { margin-top: calc(var(--gutter) * 1.5); }
.imagery:has(+.textcontent) { margin-bottom: calc(var(--gutter) * 1.5); }
.imagery picture{ border-radius: 8px ; display: block; overflow: hidden}
/*
.imagery figure.portrait {    max-width: var(--text-max);  }
*/


.imagery .vidholder{ display: block; width:100%; height: auto;
    position: relative;}
.imagery .vidholder::before { content:""; display: block;  width:100%; height: 0; padding-bottom: 56.25%; }
.imagery iframe{ display: block; width:100%; height:100%;
    position: absolute; top: 0; left: 0;}


figcaption { font-size: 16px;
    font-weight: 500; padding: 1em 0 0; margin-bottom: 1em;
    max-width: 45em;
}

#header_image { display: block; width: 100%; margin-top: var(--gutter_big); }

#header_image figcaption { margin: 0;}
#header_image img,
.imagery img { display: block; width: 100%; height: auto; }

/*
@media (prefers-color-scheme: dark) {
    figcaption { color: white; }

}*/
