/* Keep the full parent brand visible without widening the existing header. */
.brand { flex-shrink: 0; }
.brand-identity { display: flex; flex-direction: column; gap: 5px; }
.brand-parent { color: #b9d7e7; font: 10px/1.2 var(--mono); letter-spacing: 1px; }
.brand .brand-product { font: 500 21px/1.15 var(--heading); letter-spacing: -.6px; }
@media(max-width:960px) {
  .brand-parent { font-size: 9px; }
  .brand .brand-product { font-size: 19px; }
}
@media(max-width:740px) {
  .brand-identity { gap: 4px; }
  .brand-parent { font-size: 8px; letter-spacing: .6px; }
  .brand .brand-product { font-size: 17px; }
}
@media(max-width:370px) {
  .site-header { gap: 10px; }
  .brand .brand-product { font-size: 15px; }
}