.contact-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; }
.inline-call-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; box-sizing: border-box; border-radius: 7px; background: #edf1eb; color: #151a16; font: 700 .9rem "Outfit", sans-serif; text-decoration: none; border: 1px solid #a9b3ab; }
.inline-call-button:focus-visible { outline: 3px solid #8bb99d; outline-offset: 3px; }
@media (max-width: 600px) { nav:has(.contact-actions) { flex-wrap: wrap; gap: 12px; } }
@media (max-width: 900px) {
  .hero { grid-template-columns: minmax(0, 1fr); }
  .hero > * { min-width: 0; }
  .hero h1 { overflow-wrap: anywhere; }
}