/* Red Mammoth — Foundations page (foundations.html).
   Page-specific rules only; shared patterns come from css/site.css. */

.page-hero__title { max-width: 26ch }

.foundations__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px }
.foundations__card i { width: 20px; height: 20px; color: var(--color-gold) }

.foundations__promo {
  background: var(--color-navy-light); border: 1px solid var(--color-gold); border-radius: 20px;
  padding: clamp(26px, 4vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px; align-items: center;
}
.foundations__promo-label { display: flex; align-items: center; gap: 9px; font-size: 12px; letter-spacing: .14em; color: var(--color-gold); margin: 0 0 16px; font-weight: 500 }
.foundations__promo-label i { width: 15px; height: 15px }
.foundations__promo-title { font-family: var(--font-heading); font-weight: 700; font-size: clamp(20px, 2.2vw, 26px); line-height: 1.4; margin: 0 0 14px }
.foundations__promo-desc { font-size: 15.5px; line-height: 1.9; color: var(--text-82); margin: 0; max-width: 46ch }
.foundations__promo-btn { justify-self: start; padding: 16px 28px }