/* ============================================
   SERVICES
   ============================================ */
.services {
  padding: var(--section-pad) 0;
  background: var(--cream-deep);
}
.services__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
  margin-top: 1rem;
}
.service-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  padding: 2rem 1.8rem;
  border-bottom: 3px solid transparent;
  transition: border-color .3s, transform .3s var(--ease);
}
.service-card:hover {
  border-bottom-color: var(--sage);
  transform: translateY(-3px);
}
.service-card:nth-child(2):hover { border-bottom-color: var(--sage-pale); }
.service-card:nth-child(3):hover { border-bottom-color: var(--taupe); }
.service-card:nth-child(4):hover { border-bottom-color: #7AACB8; }
.service-card:nth-child(5):hover { border-bottom-color: var(--taupe-deep); }
.service-card:nth-child(6):hover { border-bottom-color: var(--sage-deep); }
.service-card__icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.service-card h3 {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  margin-bottom: .5rem;
  color: var(--text-dark);
}
.service-card p {
  font-size: .875rem;
  color: var(--text-mid);
  line-height: 1.65;
}