/* The original vector paths are unchanged. Only dark-background presentation changes. */
.brand-logo { display:block; height:auto; flex-shrink:0; --brand-ink:#fff9ed; --brand-emblem:#24e49f; }
.brand-logo [fill="#414342"] { fill:var(--brand-ink); }
.brand-logo [fill="#24E49F"] { fill:var(--brand-emblem); }
.site-head .brand,.page-header .brand {
 display:inline-flex; align-items:center; flex-shrink:0; min-height:44px;
 padding:0; background:transparent; border:0; border-radius:0; box-shadow:none;
}
.site-head .brand-logo { width:216px; }
.page-header .brand-logo { width:184px; }
.footer>.brand-logo { width:170px; padding:0; background:transparent; border-radius:0; }
.envelope-front>.brand-logo--envelope {
 position:absolute; bottom:26px; left:50%; width:164px; max-width:65%;
 height:auto; transform:translateX(-50%); --brand-ink:#e8d5a2; --brand-emblem:#e8d5a2;
 filter:drop-shadow(0 1px 0 rgba(5,28,17,.45));
}
@media(max-width:1100px) {
 .site-head .brand-logo { width:190px; }
}
@media(max-width:700px) {
 .site-head .brand-logo,.page-header .brand-logo { width:160px; }
 .footer>.brand-logo { width:144px; }
 .envelope-front>.brand-logo--envelope { width:154px; bottom:26px; }
}
@media(max-width:360px) {
 .site-head .brand-logo,.page-header .brand-logo { width:144px; }
 .envelope-front>.brand-logo--envelope { width:144px; bottom:24px; }
}