.brand { min-height: 44px; }
.causal-visual figcaption { font-size: 11px; }
.hero-actions .button { padding-inline: 20px; font-size: 16px; white-space: nowrap; }

@media (max-width: 760px) {
  .hero { display: flex; flex-direction: column; }
  .hero-copy { display: contents; }
  .hero h1 { order: 1; }
  .hero-copy > p { order: 2; }
  .causal-visual { order: 3; width: 100%; }
  .hero-actions { order: 4; width: 100%; }
  .causal-visual figcaption { font-size: 10px; }
}