/* Approved Precision Wordmark. The original transparent artwork is the mask;
   UI colours keep the lettering crisp on every existing site surface. */
.brand-wordmark {
  display: block;
  flex: none;
  width: 224px;
  aspect-ratio: 2014 / 319;
  background: linear-gradient(90deg,
    var(--ink, #f1f3f8) 0 48%,
    #8196ff 48% 59%,
    var(--ink, #f1f3f8) 59% 100%);
  -webkit-mask-image: url("precision-wordmark.png");
  mask-image: url("precision-wordmark.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 107.845084% 226.959248%;
  mask-size: 107.845084% 226.959248%;
  -webkit-mask-position: 51.265823% 49.629630%;
  mask-position: 51.265823% 49.629630%;
}
.header > .logo,
.loader > .logo,
.lab-header > .logo { gap: 0; flex: none; }
.header > .logo { min-height: 44px; }
.loader .brand-wordmark { width: 260px; }
.footer-wordmark {
  width: 100%;
  margin: 48px 0 4px;
  font-size: 0;
  line-height: 1;
}
.footer-wordmark .brand-wordmark { width: 100%; }
@media (max-width: 1000px) {
  .header nav { display: none; }
  .header .menu-toggle { display: block; }
}
@media (max-width: 760px) {
  .header .brand-wordmark,
  .lab-header .brand-wordmark { width: 190px; }
  .loader .brand-wordmark { width: 220px; }
  .footer-wordmark { margin-top: 32px; }
}
@media (max-width: 360px) {
  .header .brand-wordmark,
  .lab-header .brand-wordmark { width: 170px; }
}
@media (forced-colors: active) {
  .brand-wordmark { background: CanvasText; }
}