/* Narrow-screen guardrails: keep hero copy inside the viewport. */
.hero-copy { min-width: 0; }
.mobile-break { display: none; }
@media (max-width: 800px) {
  .hero { display: block; min-width: 0; }
  .hero-copy { width: calc(100vw - 56px); }
  .hero-visual { min-width: 0; width: 100%; }
  .hero h1 { font-size: clamp(44px, 12.5vw, 51px); }
  .hero-lede { width: 100%; max-width: 100%; font-size: 14px; overflow-wrap: anywhere; word-break: break-all; }
  .mobile-break { display: block; }
}