@font-face {
  font-family: "Wix Madefor Display";
  src: url("./assets/wix-madefor/WixMadeforDisplay-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

/* Final logo on every candidate; page typography remains candidate-specific. */
:is(.wordmark, .window-brand, .closing-bottom) span.brand-name {
  font-family: "Wix Madefor Display", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  font-size: inherit;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

.brand-name strong {
  font: inherit;
  font-weight: 700;
}

.closing-bottom > span.brand-name { font-size: 28px; }
.closing-bottom > span.footer-brand { display: inline-flex; align-items: center; gap: 8px; color: inherit; font-size: 26px; }
.closing-bottom .footer-brand span.brand-name { color: inherit; font-size: inherit; }
.wordmark span.brand-name-solar { font-size: 30px; }
.window-brand span.brand-name-solar { font-size: 17.5px; color: #20382d; }

/* Explicit image dimensions also cover candidates whose old marks were inline SVG. */
.wordmark .brand-symbol { width: 52px; height: 52px; flex: none; object-fit: contain; }
.window-brand .brand-symbol { width: 30px; height: 30px; flex: none; object-fit: contain; }
.footer-brand > .brand-symbol { width: 50px; height: 50px; flex: none; object-fit: contain; }

@media (max-width: 760px) {
  .wordmark .brand-symbol { width: 36px; height: 36px; }
  .window-brand .brand-symbol { width: 21px; height: 21px; }
  .footer-brand > .brand-symbol { width: 40px; height: 40px; }
  .wordmark span.brand-name { font-size: min(1em, 22px); }
  .closing-bottom > span.brand-name { font-size: 23px; }
  .closing-bottom > span.footer-brand { font-size: 21px; }
  .wordmark span.brand-name-solar { font-size: 21.5px; }
  .window-brand span.brand-name-solar { font-size: 13.5px; }
}

@media (max-width: 380px) {
  .wordmark .brand-symbol { width: 32px; height: 32px; }
  .wordmark span.brand-name { font-size: min(1em, 18px); }
  .wordmark span.brand-name-solar { font-size: 18.5px; }
}