/* The signature stays compact so the navigation, rather than the logo, gets the room. */
body .brand.brand--signature,
body[data-route] :is(.site-header,.site-footer) .brand.brand--signature {
  display:inline-flex;align-items:center;gap:10px;flex:none;width:max-content;max-width:100%;
  padding:3px 0;margin:0;text-decoration:none;color:inherit;
  font-family:'DM Sans',Arial,sans-serif!important;font-size:20px;line-height:1.1;letter-spacing:0;
}
body .brand--signature .brand-symbol {
  display:block;flex:none;width:36px;height:36px;max-width:none;border:0;border-radius:10px;
  transition:transform .22s ease;
}
body .brand--signature .brand-lockup {display:grid;gap:5px;min-width:0;color:inherit;}
body .brand--signature .brand-name {
  display:block;color:inherit;font:700 20px/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap;
}
body .brand.brand--signature small,
body[data-route] .site-header .brand.brand--signature small {
  display:block;margin:0;color:inherit;opacity:.8;
  font:500 12px/1.1 'DM Sans',Arial,sans-serif;letter-spacing:.035em;text-transform:none;
}
body .brand--signature:is(:hover,:focus-visible) .brand-symbol {transform:translateY(-2px) rotate(-3deg);}
body .brand--signature:focus-visible {outline:2px solid #ed8b4b;outline-offset:6px;border-radius:3px;}
body[data-route] .site-header .brand--signature {color:#172d43;}
body[data-route] .site-footer .brand--signature {color:#fff;}
body[data-route] .site-footer .brand--signature .brand-symbol {width:42px;height:42px;border:1px solid #ffffff24;border-radius:12px;}
body[data-route] .site-footer .brand--signature .brand-name {font-size:22px;}
body[data-route] .site-footer .brand--signature small {color:#c4d2dd;opacity:1;}
.footer-legal {display:flex;flex-wrap:wrap;gap:8px 22px;grid-column:1/-1;padding-top:20px;border-top:1px solid #ffffff24;}
.footer-legal a {color:#bdcdda;font:400 14px/1.5 'DM Sans',Arial,sans-serif;text-decoration:none;text-underline-offset:4px;}
.footer-legal a:is(:hover,:focus-visible) {color:#fff;text-decoration:underline;}
.masthead .brand--signature,.page-footer .brand--signature {color:#172d43;}
.page-footer .brand--signature .brand-name {font-size:16px;}
.page-footer .brand--signature .brand-symbol {width:30px;height:30px;}
.page-footer {gap:18px;flex-wrap:wrap;align-items:center;}
.page-footer .launch-legal {display:flex;flex-wrap:wrap;gap:10px 18px;}
.page-footer .launch-legal a {color:#466074;font-size:13px;text-decoration:none;text-underline-offset:4px;}
.page-footer .launch-legal a:is(:hover,:focus-visible) {text-decoration:underline;}
.legal .brand--signature {color:#172d43;}
@media(max-width:520px) {
  body .brand.brand--signature {gap:8px;}
  body .brand--signature .brand-symbol {width:30px;height:30px;border-radius:8px;}
  body .brand--signature .brand-name {font-size:17px;}
  body .brand--signature .brand-lockup {gap:4px;}
  body .brand.brand--signature small {font-size:12px;}
  .masthead {height:auto;min-height:72px;gap:12px;padding-block:14px;flex-wrap:wrap;}
  .masthead .launch-status {margin-left:0;font-size:10px;}
  .page-footer {gap:16px;}
}
@media(prefers-reduced-motion:reduce) {
  body .brand--signature .brand-symbol {transition:none;}
  body .brand--signature:is(:hover,:focus-visible) .brand-symbol {transform:none;}
}