.imagery figure { max-width: 970px; margin-left: auto; margin-right: auto; }
.imagery:not(:first-child) { margin-top: calc(var(--gutter) * 2); }
.imagery:not(:last-child) { margin-bottom: calc(var(--gutter) * 2); }

.imagery figure.portrait {    max-width: 720px;  }


.imagery .vidholder{ display: block; width:100%; height: 0; padding-bottom: 56.25%;
    position: relative;}
.imagery iframe{ display: block; width:100%; height:100%;
    position: absolute; top: 0; left: 0;}


figcaption { color: var(--ttl_black); font-size: 16px;
    font-weight: 500; padding: 1em 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; }

}