/* Contact action and the social group wrap together on narrow screens. */
.brand-hero .bh-cta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.brand-hero .bh-cta > .btn { flex: 0 0 auto; min-height: 48px; width: auto; margin: 0; padding: 12px 22px; font-size: 15px; border-radius: 12px; justify-content: center; }
@media (max-width: 480px) {
    .brand-hero .bh-cta { gap: 14px; }
    .brand-hero .hero-social { flex-basis: 100%; }
}