.brand:hover .brand-mark {
  transform: scale(1.025);
}

.button:hover {
  box-shadow: 0 10px 24px rgba(14, 43, 32, 0.14);
  transform: translateY(-2px);
}

.quick-facts div:hover {
  background: var(--sage);
  transform: none;
}

.service-card:hover {
  box-shadow: 0 16px 34px rgba(20, 61, 43, 0.09);
  transform: translateY(-4px);
}

.availability:hover {
  box-shadow: 0 16px 38px rgba(20, 61, 43, 0.08);
  transform: translateY(-2px);
}

.motion-ready .reveal {
  transform: translateY(16px);
}

.motion-ready .reveal.reveal-left {
  transform: translateX(-18px);
}

.motion-ready .reveal.reveal-right {
  transform: translateX(18px);
}

.optional {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

@media (hover: none) {
  .button:hover,
  .service-card:hover,
  .availability:hover {
    box-shadow: none;
    transform: none;
  }
}