/* One aligned, proportional wordmark across public and private pages. */
.wordmark{--wordmark-size:32px;display:inline-flex;flex-direction:column;gap:.22em;width:5.25em;min-width:5.25em;font-size:var(--wordmark-size);line-height:1;vertical-align:middle}
.wordmark .brand-name,.wordmark .brand-subtitle{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin:0;padding:0;letter-spacing:0;white-space:nowrap}
.wordmark .brand-name{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:1em;line-height:.9}
.wordmark .brand-subtitle{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:.3em;line-height:1.3}
.wordmark .brand-name>span,.wordmark .brand-subtitle>span{display:block;flex:0 0 auto;font:inherit;letter-spacing:0;padding:0;margin:0}
.wordmark .wordmark-space{width:.5em}
.footer .wordmark{--wordmark-size:28px}
@media(max-width:720px){.wordmark{--wordmark-size:28px}}