/* Social LP tweaks — layered on lp.css + ppc.css (body class "ppc social"). */
.social .offer-badge {
  display: inline-block; margin: 0 0 18px;
  background: var(--glh-orange); color: #fff;
  font-family: var(--font-display); font-weight: 800; font-size: 12px;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 7px 14px; border-radius: 999px; line-height: 1;
}
.social .form-card .offer-badge { margin-bottom: 12px; }
@media (max-width: 640px) { .social .offer-badge { font-size: 11px; letter-spacing: 0.1em; } }

/* Hero headline sizing. The social angle headlines run longer than the PPC ones,
   so in the >980px two-column layout the shared 64px size overflowed the ~670px
   headline column and stranded the last word on its own line ("us." / "doors?").
   Trim the social hero a touch (desktop only) so the intended 3-line structure
   holds across the desktop range. The <=640px mobile rule (42px) is untouched. */
@media (min-width: 981px) {
  .social .hero h1 { font-size: clamp(42px, 4.4vw, 54px); text-wrap: balance; }
}