.brand--logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand-lockup { display: inline-flex; align-items: center; gap: 13px; color: var(--jv-navy-900); }
.brand-mark-wrap { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 52px; }
.brand-mark { display: block; width: 52px; height: 52px; object-fit: contain; }
.brand-wordmark { display: flex; flex-direction: column; gap: 4px; }
.brand-name { display: block; color: var(--jv-navy-900); font: 700 20px/1 var(--sans); letter-spacing: .045em; white-space: nowrap; }
.brand-tagline { display: block; color: var(--jv-muted); font: 700 8px/1.2 var(--sans); letter-spacing: .1em; white-space: nowrap; }
.brand--logo-footer .brand-lockup { gap: 14px; }
.brand--logo-footer .brand-mark-wrap, .brand--logo-footer .brand-mark { flex-basis: 60px; width: 60px; height: 60px; }
.brand--logo-footer .brand-name { font-size: 24px; }
.brand--logo-footer .brand-tagline { font-size: 9px; }
.brand--logo-footer .brand-lockup, .brand--logo-footer .brand-name, .brand--logo-footer .brand-fallback { color: var(--jv-ivory-50); }
.brand--logo-footer .brand-tagline { color: rgba(250,246,239,.76); }
.brand-fallback { color: var(--jv-navy-900); font: 700 20px/1 var(--sans); letter-spacing: .045em; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 760px) {
  .brand-lockup { gap: 10px; }
  .brand-mark-wrap, .brand-mark { flex-basis: 42px; width: 42px; height: 42px; }
  .brand-name { font-size: 16px; letter-spacing: .04em; }
  .brand-tagline { font-size: 7px; letter-spacing: .08em; }
  .brand--logo-footer .brand-lockup { gap: 12px; }
  .brand--logo-footer .brand-mark-wrap, .brand--logo-footer .brand-mark { flex-basis: 50px; width: 50px; height: 50px; }
  .brand--logo-footer .brand-name { font-size: 20px; }
  .brand--logo-footer .brand-tagline { font-size: 7px; }
}