/* Benefits — titled points in a card grid. */

.hmt-benefits__grid {
  --hm-ben-cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--hm-ben-cols), 1fr);
  gap: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hmt-benefit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px 26px;
  border: 1px solid var(--hm-line);
  border-radius: 18px;
  background: var(--hm-paper);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.hmt-benefit:hover { border-color: var(--hm-hair); transform: translateY(-2px); }

.hmt-benefit__ico {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: var(--hm-gold-tint);
  color: var(--hm-gold-dark);
}
.hmt-benefit__ico svg { width: 18px; height: 18px; }

.hmt-benefit h3 { font-size: 1.15rem; }
.hmt-benefit p { font-size: 14px; color: var(--hm-ink-soft); }

@media (max-width: 980px) {
  .hmt-benefits__grid { --hm-ben-cols: 2; }
}
@media (max-width: 600px) {
  .hmt-benefits__grid { --hm-ben-cols: 1; gap: 12px; }
  .hmt-benefit { padding: 22px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .hmt-benefit { transition: none; }
  .hmt-benefit:hover { transform: none; }
}