/* H&S — metrics (parte de la antigua home.css). Depende de tokens.css y base.css. */
/* ---------- Metrics ---------- */
.hs-metrics { padding: 32px; }
.hs-metrics__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
@media (min-width: 900px) { .hs-metrics__grid { grid-template-columns: repeat(4, 1fr); } .hs-metric + .hs-metric { padding-left: 24px; border-left: 1px solid var(--line); } }
@media (max-width: 520px) { .hs-metrics { padding: 22px; } .hs-metric__value { font-size: 26px; } }
.hs-metric { display: flex; flex-direction: column; gap: 2px; }
.hs-metric dt { font-family: var(--font-wide); font-size: 11px; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; color: var(--blue-text); }
.hs-metric__value { font-family: var(--font-display); font-size: clamp(30px, 24px + 1.4vw, 40px); font-weight: 800; font-style: italic; line-height: 1.1; color: var(--ink); }
.hs-metric__value--lime { color: var(--lime-text); }
.hs-metric__text { font-size: 15px; color: var(--text-muted); }