/* HAULTOWN responsive identity V5 proposed: horizontal header, full badge, micro-mark. */
.site-header .brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.site-header .brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 58px;
}

.site-header .brand-truck {
  display: block;
  width: 118px;
  height: 50px;
  object-fit: contain;
}

.site-header .brand-wordmark-v5 {
  display: block;
  width: 176px;
  height: auto;
}

.site-header .nav-wrap {
  min-height: 78px;
}

.footer-brand .brand-badge-v5 {
  display: block;
  width: 132px;
  height: 132px;
  object-fit: contain;
  margin: 0 0 18px;
  border-radius: 0;
}

@media (max-width: 980px) {
  .site-header .brand-lockup {
    gap: 8px;
    height: 52px;
  }

  .site-header .brand-truck {
    width: 98px;
    height: 44px;
  }

  .site-header .brand-wordmark-v5 {
    width: 146px;
  }

  .site-header .nav-wrap {
    min-height: 70px;
  }
}

@media (max-width: 720px) {
  .site-header .brand-lockup {
    gap: 6px;
    height: 44px;
  }

  .site-header .brand-truck {
    width: 76px;
    height: 36px;
  }

  .site-header .brand-wordmark-v5 {
    width: 112px;
  }

  .site-header .nav-wrap {
    min-height: 62px;
  }

  .footer-brand .brand-badge-v5 {
    width: 112px;
    height: 112px;
  }
}

/* V6 Claude repair candidate 2026-09-20 — accessibility + heading-wrap fixes (proposed, not approved). */
:root { --orange-700: #c4470f; } /* 4.93:1 on #fff, 4.54:1 on #f2f6fa — AA for small text on light surfaces; fills/logo keep #F26522 */
.eyebrow { color: var(--orange-700); }
.hero .eyebrow, .page-hero .eyebrow, .section-dark .eyebrow, .form-shell.dark .eyebrow { color: var(--orange-400); } /* dark surfaces unchanged (5.4:1+) */
.card-link { color: var(--orange-700); }
.mobile-menu a.btn-primary { color: var(--navy-950); } /* was inheriting .mobile-menu a { color: white } → 3.15:1 on orange; now 5.3:1+ */
.display { text-wrap: balance; }
.nowrap { white-space: nowrap; }