/* Shared CRL metallic crest and wordmark. Scope intentionally limited to branding. */
body .brand {
  display:inline-flex;
  align-items:center;
  gap:13px;
  flex-shrink:0;
  white-space:nowrap;
}
body .brand>img {
  width:58px;
  height:58px;
  object-fit:contain;
  flex-shrink:0;
}
body .brand>.brand-wordmark {
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  font:800 32px/1 'Manrope',sans-serif;
  letter-spacing:-.045em;
  color:#f3f2ef;
}
.brand-wordmark>b {font:inherit}
.brand-wordmark>small {
  font:600 12px/1 'Manrope',sans-serif;
  letter-spacing:.13em;
  color:#d0d2d3;
}
body .footer .brand>img {width:49px;height:49px}
body .footer .brand>.brand-wordmark {font-size:28px}
body .footer .brand-wordmark>small {font-size:11px}
body .footer .footer-identity>p {margin-left:62px}
.crest-ghost {background-image:url('/assets/crl-metallic-logo-20260921.png')}
@media(max-width:900px) {
  body .masthead .brand {gap:10px}
  body .masthead .brand>img {width:46px;height:46px}
  body .masthead .brand>.brand-wordmark {font-size:29px;gap:7px}
  body .masthead .brand-wordmark>small {font-size:11px}
}
@media(max-width:600px) {
  body .masthead .brand {gap:8px}
  body .masthead .brand>img {width:42px;height:42px}
  body .masthead .brand>.brand-wordmark {font-size:25px;gap:5px}
  body .masthead .brand-wordmark>small {font-size:9px;letter-spacing:.1em}
}
@media(max-width:360px) {
  body .masthead .brand>img {width:36px;height:36px}
  body .masthead .brand>.brand-wordmark {font-size:22px}
  body .masthead>.button {padding-inline:9px;font-size:9px}
  body .masthead {gap:8px}
}