/* ── CTA buttons ─────────────────────────────────────────── */
.cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.btn {
  display: inline-block;
  font-family: var(--sans);
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 0.65rem 1.6rem;
  border-radius: 3px;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
  text-decoration: none;
}
.btn-primary {
  background: var(--sage);
  color: #fff;
}
.btn-primary:hover {
  background: #3d6350;
  color: #fff;
  text-decoration: none;
}
.btn-secondary {
  background: transparent;
  color: var(--ink);
  border: 1.5px solid var(--ink);
}
.btn-secondary:hover {
  background: var(--ink);
  color: var(--cream);
  text-decoration: none;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 500px) {
  .hero { padding: 3rem 0 2.5rem; }
  .btn { width: 100%; text-align: center; }
}