/* /families: Hellhold for families. The case-study layout, with steps, the company list and the price. */
.fam .cta { margin-top: 4px; }
.fam .fine { color: var(--muted); font-size: 14px; }
.fam-steps { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 12px; color: #e2d3cf; }
.fam-steps b { color: var(--text); }
.fam-cos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.fam-cos div { padding: 14px 16px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); }
.fam-cos h3 { margin: 0 0 4px; font-size: 15px; }
.fam-cos p { margin: 0; color: #d9cac6; font-size: 14px; }
.fam-price { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fam-price > div { padding: 16px 18px; border-radius: 12px; border: 1px solid var(--line); background: rgba(0, 0, 0, .25); }
.fam-price p { margin: 0; color: #e2d3cf; }
.fam-big { font: 52px/1 var(--display) !important; color: var(--ember) !important; margin-bottom: 8px !important; }
@media (max-width: 640px) { .fam-price { grid-template-columns: 1fr; } }