.production-home { display: block; }
.production-home .hero { min-height: 570px; }
.topbar .brand { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.topbar .brand-mark { width: 34px; height: 34px; object-fit: contain; flex: 0 0 34px; }
.topbar .brand .brand-name { color: var(--navy); line-height: 1; }
.topbar .brand .brand-name > span { color: var(--teal); }
.topbar a.btn { text-decoration: none; }
@media (max-width: 760px) {
  .topbar { height: auto; min-height: 66px; padding-block: 10px; }
  .topbar .brand-mark { width: 30px; height: 30px; flex-basis: 30px; }
  .topbar .header-actions { gap: 6px; }
  .topbar .header-actions .btn { min-height: 42px; padding: 10px 12px; }
  .production-home .hero { min-height: 0; }
}