/* Industrial identity; keep the established text sizes and touch targets. */
:root {
  --font-interface:"Public Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;
  --font-display:"Barlow Condensed", "Arial Narrow", var(--font-interface);
}

h1, h2, h3, h4,
.popup h2, .table-heading h2, dialog h2,
.project-card h3, .card-title, .map-project-name, .archive-bar h2, .archive-chapter h3,
.detail-facts .big-cost {
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:0;
}

.brand {
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.625rem;
  line-height:1;
  letter-spacing:.08em;
}
.brand-mark { flex-shrink:0; }
.brand-sub {
  font-family:var(--font-interface);
  font-weight:600;
  font-size:.5625rem;
  line-height:1.8;
  letter-spacing:.2em;
  margin-top:6px;
}

@media(max-width:620px) {
  .brand { font-size:1.375rem; }
  .brand-sub { font-size:.5rem; }
}